*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #FAFAFB;--color-surface: #FFFFFF;--color-surface-2: #F4F4F7;--color-inset: #F7F7F9;--color-border: #E7E7EC;--color-border-strong: #D9D9E0;--color-text: #16181D;--color-muted: #6E7178;--color-faint: #9A9CA3;--color-accent: #5B5BD6;--color-accent-hover: #4B4BC4;--color-accent-soft: #EEEEFB;--color-accent-border: #DADAF6;--color-ok: #12805C;--color-ok-soft: #E4F4EE;--color-ok-border: #CBE9DD;--color-warn: #B25E09;--color-warn-soft: #FBF0E2;--color-warn-border: #F1DDBF;--color-crit: #C0392B;--color-crit-soft: #FBE9E7;--color-crit-border: #F3D3CE;--shadow-sm: 0 1px 2px rgba(20,22,30,.05), 0 1px 1px rgba(20,22,30,.03);--shadow-md: 0 4px 16px rgba(20,22,30,.07), 0 1px 3px rgba(20,22,30,.05);--shadow-lg: 0 12px 40px rgba(20,22,30,.11), 0 2px 8px rgba(20,22,30,.06);--radius: 12px;--radius-sm: 8px;--color-media-bg: #14151C;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0B0C0F;--color-surface: #141519;--color-surface-2: #1B1D22;--color-inset: #101216;--color-border: #26282E;--color-border-strong: #33353C;--color-text: #E7E8EB;--color-muted: #9A9DA5;--color-faint: #6B6E76;--color-accent: #8080F2;--color-accent-hover: #9494F6;--color-accent-soft: #1C1D33;--color-accent-border: #2E2F4E;--color-ok: #3CC79A;--color-ok-soft: #122A22;--color-ok-border: #1E4436;--color-warn: #E0954A;--color-warn-soft: #2A2013;--color-warn-border: #463620;--color-crit: #E8695B;--color-crit-soft: #2A1614;--color-crit-border: #472622;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.45);--shadow-lg: 0 16px 48px rgba(0,0,0,.55)}}:root[data-theme=dark]{--color-bg: #0B0C0F;--color-surface: #141519;--color-surface-2: #1B1D22;--color-inset: #101216;--color-border: #26282E;--color-border-strong: #33353C;--color-text: #E7E8EB;--color-muted: #9A9DA5;--color-faint: #6B6E76;--color-accent: #8080F2;--color-accent-hover: #9494F6;--color-accent-soft: #1C1D33;--color-accent-border: #2E2F4E;--color-ok: #3CC79A;--color-ok-soft: #122A22;--color-ok-border: #1E4436;--color-warn: #E0954A;--color-warn-soft: #2A2013;--color-warn-border: #463620;--color-crit: #E8695B;--color-crit-soft: #2A1614;--color-crit-border: #472622;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.45);--shadow-lg: 0 16px 48px rgba(0,0,0,.55)}:root[data-theme=light]{--color-bg: #FAFAFB;--color-surface: #FFFFFF;--color-surface-2: #F4F4F7;--color-inset: #F7F7F9;--color-border: #E7E7EC;--color-border-strong: #D9D9E0;--color-text: #16181D;--color-muted: #6E7178;--color-faint: #9A9CA3;--color-accent: #5B5BD6;--color-accent-hover: #4B4BC4;--color-accent-soft: #EEEEFB;--color-accent-border: #DADAF6;--color-ok: #12805C;--color-ok-soft: #E4F4EE;--color-ok-border: #CBE9DD;--color-warn: #B25E09;--color-warn-soft: #FBF0E2;--color-warn-border: #F1DDBF;--color-crit: #C0392B;--color-crit-soft: #FBE9E7;--color-crit-border: #F3D3CE;--shadow-sm: 0 1px 2px rgba(20,22,30,.05), 0 1px 1px rgba(20,22,30,.03);--shadow-md: 0 4px 16px rgba(20,22,30,.07), 0 1px 3px rgba(20,22,30,.05);--shadow-lg: 0 12px 40px rgba(20,22,30,.11), 0 2px 8px rgba(20,22,30,.06)}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}code{background:var(--color-surface-2);padding:.1em .3em;border-radius:3px;font-size:.9em;font-family:var(--font-mono)}.login-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}@media (max-width: 720px){.login-grid,.detail-grid{grid-template-columns:1fr}}.btn{font-family:inherit;font-size:13.5px;font-weight:560;cursor:pointer;border-radius:var(--radius-sm);padding:9px 15px;border:1px solid transparent;display:inline-flex;align-items:center;gap:7px;line-height:1}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-ghost:hover{background:var(--color-surface-2)}.input{width:100%;font-family:inherit;font-size:14px;color:var(--color-text);background:var(--color-inset);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:11px 13px}.input:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-accent)}.iconbtn{position:relative;width:34px;height:34px;border-radius:9px;border:1px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;color:var(--color-muted);cursor:pointer}.iconbtn:hover{background:var(--color-surface-2);color:var(--color-text)}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--color-accent-soft);color:var(--color-accent);font-size:12.5px;font-weight:640;border:1px solid var(--color-accent-border);flex-shrink:0}.count-pill{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--color-text);font-weight:600;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 9px;text-align:center;min-width:52px}.session-card{transition:box-shadow .15s,border-color .15s,transform .15s}.session-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.35}}