:root{--brand-primary:#1f6feb;--brand-primary-contrast:#fff;--brand-secondary:#0e9f6e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, "Noto Sans", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--leading:1.5;--motion-fast:.12s;--motion-base:.2s;--ease:cubic-bezier(.2, 0, 0, 1);--z-nav:10;--z-overlay:50;--z-toast:100;--touch-target:44px;--rail-width:72px;--list-width:340px;--bg:#f6f7f9;--surface:#fff;--surface-2:#eef1f5;--border:#dde2ea;--text:#121826;--text-muted:#5b6577;--accent:var(--brand-primary);--accent-soft:color-mix(in srgb, var(--brand-primary) 12%, transparent);--danger:#c62828;--warning-bg:#fff6e0;--warning-text:#7a4b00;--focus:#1f6feb;--shadow-1:0 1px 2px #1018280f, 0 1px 3px #10182814}:root[data-theme=dark]{--bg:#0b1220;--surface:#111a2c;--surface-2:#18233a;--border:#25324d;--text:#e8edf6;--text-muted:#9aa6bd;--accent-soft:color-mix(in srgb, var(--brand-primary) 22%, transparent);--danger:#ff6b6b;--warning-bg:#3a2c0b;--warning-text:#ffd27a;--focus:#79a8ff;--shadow-1:0 1px 2px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#0b1220;--surface:#111a2c;--surface-2:#18233a;--border:#25324d;--text:#e8edf6;--text-muted:#9aa6bd;--accent-soft:color-mix(in srgb, var(--brand-primary) 22%, transparent);--danger:#ff6b6b;--warning-bg:#3a2c0b;--warning-text:#ffd27a;--focus:#79a8ff;--shadow-1:0 1px 2px #0006}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}.muted{color:var(--text-muted);font-size:var(--text-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-2);z-index:var(--z-toast);background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--ease);font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--brand-primary-contrast)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.btn-danger{color:var(--danger)}.btn-block{width:100%}.field{gap:var(--space-1);display:grid}.field label{font-size:var(--text-sm);font-weight:600}.input,select.input{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;width:100%}.input[aria-invalid=true]{border-color:var(--danger)}.hint{font-size:var(--text-xs);color:var(--text-muted)}.check{gap:var(--space-2);font-size:var(--text-sm);align-items:flex-start;display:flex}.check input{width:18px;height:18px;margin-top:3px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert-error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.alert-info{background:var(--warning-bg);color:var(--warning-text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.stack{gap:var(--space-4);display:grid}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.spacer{flex:1}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);align-items:center;font-weight:600;display:inline-flex}.auth-page{min-height:100%;padding:var(--space-5) var(--space-4);place-items:center;display:grid}.auth-card{width:min(440px,100%)}.brand-mark{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.brand-mark img{width:40px;height:40px}.shell{grid-template-columns:var(--rail-width) var(--list-width) minmax(0, 1fr);height:100%;display:grid}.rail{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;background:var(--surface);border-right:1px solid var(--border);z-index:var(--z-nav);flex-direction:column;display:flex}.rail-link{border-radius:var(--radius-md);width:60px;min-height:56px;color:var(--text-muted);place-items:center;gap:2px;font-size:.6875rem;font-weight:600;text-decoration:none;display:grid}.rail-link svg{width:22px;height:22px}.rail-link:hover{background:var(--surface-2)}.rail-link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.rail-bottom{margin-top:auto}.list-pane{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex;overflow-y:auto}.pane-header{align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.content-pane{min-width:0;padding:var(--space-5);overflow-y:auto}.content-inner{gap:var(--space-5);max-width:760px;margin:0 auto;display:grid}.space-switcher{width:100%}.list-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;text-decoration:none;display:flex}.list-item:hover{background:var(--surface-2)}.list-item[aria-current=true]{background:var(--accent-soft)}.avatar{border-radius:var(--radius-full);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;font-weight:700;display:grid}.empty-state{text-align:center;justify-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);color:var(--text-muted);display:grid}.empty-state svg{opacity:.6;width:48px;height:48px}.persona-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.persona-option{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:inherit;font:inherit;text-align:left;cursor:pointer;display:grid}.persona-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.widget-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.toggle-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.toggle-row:last-child{border-bottom:0}.connection-banner{z-index:var(--z-toast);text-align:center;padding:var(--space-2);background:var(--warning-bg);color:var(--warning-text);font-size:var(--text-sm);position:fixed;inset:auto 0 0}.plain-list{margin:0;padding:0;list-style:none}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nowrap{white-space:nowrap}.center{text-align:center}.conversation-list{flex-direction:column;min-height:0;display:flex}.conversation-item{text-decoration:none}.conversation-item[aria-current=page]{background:var(--accent-soft)}.conversation-text{flex:1;gap:2px;min-width:0;display:grid}.unread-badge{border-radius:var(--radius-full);background:var(--accent);min-width:20px;color:var(--brand-primary-contrast);font-size:var(--text-xs);text-align:center;padding:0 6px;font-weight:700;line-height:20px}.connection-pill{margin:var(--space-2) var(--space-4) 0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--warning-bg);color:var(--warning-text);font-size:var(--text-xs);text-align:center}.content-pane:has(>.conversation){padding:0;overflow:hidden}.conversation{flex-direction:column;height:100%;min-height:0;display:flex}.conversation-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.message-scroller{gap:var(--space-2);min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.encryption-notice{max-width:480px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);text-align:center;align-self:center}.message-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.day-separator{margin:var(--space-3) 0;justify-content:center;display:flex}.day-separator span{padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs)}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(75%,560px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);gap:2px;display:grid}.bubble-row.mine .bubble{background:var(--accent-soft);border-color:#0000}.bubble-failed{border-color:var(--danger)!important}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-meta{justify-self:end;gap:var(--space-1);color:var(--text-muted);font-size:.6875rem;display:inline-flex}.tick-read{color:var(--accent)}.tick-failed{color:var(--danger);font-weight:700}.composer{align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);display:flex}.composer-input{resize:none;min-height:var(--touch-target);field-sizing:content;max-height:160px;padding-block:10px}.composer-blocked{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.header-select{width:auto;max-width:150px}.link-button{color:var(--text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.report-link{opacity:0;transition:opacity var(--motion-fast) var(--ease)}.bubble:hover .report-link,.report-link:focus-visible{opacity:1}@media (hover:none){.report-link{opacity:1}}.dialog{width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);overflow-y:auto}.dialog::backdrop{background:#00000073}.field-legend{font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:600}@media (max-width:1024px){:root{--list-width:280px}}@media (max-width:720px){.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.rail{padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border);flex-direction:row;grid-row:2;justify-content:space-around}.rail-bottom{margin-top:0}.shell[data-mobile-view=content] .list-pane,.shell[data-mobile-view=list] .content-pane{display:none}.list-pane,.content-pane{border-right:0;grid-row:1}.content-pane{padding:var(--space-4)}.mobile-only{display:inline-flex}}@media (min-width:721px){.mobile-only{display:none}}