@charset "UTF-8";:root{--mx-primary: #1565c0;--mx-bg: #f6f7f9;--mx-card: #fff;--mx-text: #111827;--mx-muted: #6b7280;--mx-radius: 16px}@media(prefers-color-scheme:dark){:root{--mx-bg: #0f1115;--mx-card: #171a21;--mx-text: #e5e7eb;--mx-muted: #9ca3af}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--mx-bg);color:var(--mx-text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mx-page{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.mx-card{background:var(--mx-card);border-radius:var(--mx-radius);padding:20px;box-shadow:0 1px 3px #00000014}.mx-brand{text-align:center;border-top:6px solid var(--mx-primary)}.mx-brand h1{margin:8px 0 0;font-size:22px}.mx-brand-name{margin:2px 0 0;color:var(--mx-muted)}.mx-logo{width:72px;height:72px;border-radius:50%;object-fit:cover}.mx-status{display:inline-block;margin:12px 0 0;padding:4px 12px;border-radius:999px;background:#e5e7eb;color:#374151;font-size:14px}.mx-status.mx-online{background:#dcfce7;color:#166534}.mx-actions{display:grid;gap:10px}.mx-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:var(--mx-card);color:inherit;font:inherit;cursor:pointer;text-align:left}.mx-btn small{color:var(--mx-muted);font-size:13px}.mx-btn:disabled{opacity:.5;cursor:not-allowed}.mx-btn.mx-primary{align-items:center;background:var(--mx-primary);color:#fff;border-color:transparent}.mx-chat .mx-messages{display:flex;flex-direction:column;gap:8px;min-height:200px;max-height:50dvh;overflow:auto}.mx-msg{max-width:85%;padding:8px 12px;border-radius:14px;background:#eef2f7;color:#111827;align-self:flex-start}.mx-msg.mx-out{align-self:flex-end;background:var(--mx-primary);color:#fff}.mx-msg.mx-failed{outline:2px solid #dc2626}.mx-msg small{display:block;font-size:11px;opacity:.8}.mx-composer{display:flex;gap:8px;margin-top:12px}.mx-composer input,.mx-card input,.mx-card textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font:inherit;background:var(--mx-card);color:inherit}.mx-card label{display:block;margin-bottom:10px;font-size:14px;color:var(--mx-muted)}.mx-powered{margin-top:auto;text-align:center;font-size:12px}.mx-powered a{color:var(--mx-muted);text-decoration:none}.mx-error{text-align:center;color:#991b1b}