*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mobile-only{display:none}
:root{color-scheme:dark;--bg:#0b0e13;--bg-deep:#080b10;--panel:#11151d;--panel-2:#151a24;--panel-3:#0f131a;--surface:#191f29;--surface-hover:#202735;--line:#232a37;--line-strong:#303847;--muted:#7e889b;--muted-2:#5e6878;--text:#f4f6fb;--text-soft:#c6ccd7;--accent:#7c68ff;--accent-hover:#8a79ff;--accent-soft:rgba(124,104,255,.14);--success:#49d6b4;--danger:#ff667c;--shadow:rgba(0,0,0,.42);--overlay:rgba(0,0,0,.64);--input:#0b0f15;--radius:12px}
html[data-theme="light"]{color-scheme:light;--bg:#eef1f6;--bg-deep:#e7ebf2;--panel:#ffffff;--panel-2:#f7f8fb;--panel-3:#f3f5f9;--surface:#f1f3f8;--surface-hover:#e7eaf2;--line:#dce1ea;--line-strong:#cbd2de;--muted:#6d7788;--muted-2:#8791a0;--text:#1b2230;--text-soft:#3b4556;--accent:#6d59ee;--accent-hover:#5f4cdb;--accent-soft:rgba(109,89,238,.1);--success:#1fa67f;--danger:#d8465c;--shadow:rgba(28,35,48,.16);--overlay:rgba(37,43,55,.35);--input:#f7f8fb}
body{background:var(--bg);color:var(--text)}button{color:inherit}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;width:32px;height:32px;display:grid;place-items:center;transition:background .18s,color .18s,border-color .18s}.theme-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:var(--line-strong)}.theme-toggle.floating{position:fixed;top:22px;right:22px;z-index:5}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#5c6bd9,#8f6be4);display:grid;place-items:center;font-size:12px;font-weight:800;position:relative;flex:0 0 auto;color:white}.avatar>.presence-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid var(--panel-3);right:-1px;bottom:0}
.soft{border:1px solid var(--line-strong);background:var(--surface);color:var(--text-soft);border-radius:9px;padding:8px 10px;font-size:12px}.soft:hover{background:var(--surface-hover);color:var(--text)}
.toast{position:fixed;right:20px;bottom:20px;background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text);padding:11px 14px;border-radius:10px;font-size:13px;box-shadow:0 12px 40px var(--shadow);z-index:50;max-width:min(420px,calc(100vw - 40px))}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}