.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"brand header" "nav   main";height:100%}.shell__brand{grid-area:brand;display:flex;align-items:center;padding:0 var(--s-4);border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.shell__wordmark{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.shell__wordmark span{color:var(--c-accent)}.shell__header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:0 var(--s-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.shell__nav{grid-area:nav;padding:var(--s-3) var(--s-2);border-right:1px solid var(--c-border);background:var(--c-surface);overflow-y:auto}.shell__main{grid-area:main;overflow-y:auto;padding:var(--s-5)}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);color:var(--c-text-muted);font-weight:500;text-decoration:none}.nav__link:hover{background:var(--c-surface-hover);color:var(--c-text);text-decoration:none}.nav__link[aria-current=page]{background:var(--c-surface-hover);color:var(--c-text);box-shadow:inset 2px 0 0 var(--c-accent)}.nav__section{margin:var(--s-4) var(--s-3) var(--s-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-faint)}.nav__soon{font-size:var(--text-xs);color:var(--c-text-faint);border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);padding:0 var(--s-2)}.workspace-switcher{display:flex;align-items:center;gap:var(--s-2)}.workspace-switcher select{padding:var(--s-1) var(--s-2);font:inherit;font-size:var(--text-sm);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm)}.shell__account{display:flex;align-items:center;gap:var(--s-3);font-size:var(--text-sm);color:var(--c-text-muted)}.page__header{margin-bottom:var(--s-5)}.page__title{font-size:var(--text-2xl)}.page__subtitle{margin-top:var(--s-1);color:var(--c-text-muted);font-size:var(--text-sm)}.grid{display:grid;gap:var(--s-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.definition{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-4);margin:0;font-size:var(--text-sm)}.definition dt{color:var(--c-text-muted)}.definition dd{margin:0}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--c-border)}.table th{color:var(--c-text-muted);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}@media(max-width:720px){.shell{grid-template-columns:1fr;grid-template-areas:"brand" "header" "nav" "main";grid-template-rows:var(--header-height) auto auto 1fr}.shell__brand,.shell__nav{border-right:none}.nav__list{flex-direction:row;flex-wrap:wrap}}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.panel__title{font-size:var(--text-base);font-weight:600}.panel__body{padding:var(--s-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font:inherit;font-weight:500;color:var(--c-text);background:var(--c-surface-raised);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer}.btn:hover:not(:disabled){background:var(--c-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-contrast);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--danger{color:var(--c-error);border-color:var(--c-error);background:transparent}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-4)}.field__label{font-size:var(--text-sm);font-weight:500;color:var(--c-text)}.field__hint{font-size:var(--text-xs);color:var(--c-text-muted)}.field__input{padding:var(--s-2) var(--s-3);font:inherit;color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm)}.field__input:disabled{opacity:.6}.field__error{font-size:var(--text-xs);color:var(--c-error)}.field__input[aria-invalid=true]{border-color:var(--c-error)}.alert{padding:var(--s-3);border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);font-size:var(--text-sm);margin-bottom:var(--s-4)}.alert--error{background:var(--c-error-bg);border-color:var(--c-error)}.alert--success{background:var(--c-ok-bg);border-color:var(--c-ok)}.alert--warning{background:var(--c-warn-bg);border-color:var(--c-warn)}.alert--info{background:var(--c-surface-raised)}.status{display:inline-flex;align-items:center;gap:var(--s-2);padding:2px var(--s-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.status__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status--ok{color:var(--c-ok);background:var(--c-ok-bg);border-color:color-mix(in srgb,var(--c-ok) 40%,transparent)}.status--warn{color:var(--c-warn);background:var(--c-warn-bg);border-color:color-mix(in srgb,var(--c-warn) 40%,transparent)}.status--error{color:var(--c-error);background:var(--c-error-bg);border-color:color-mix(in srgb,var(--c-error) 40%,transparent)}.status--idle{color:var(--c-text-muted);background:var(--c-idle-bg);border-color:var(--c-border-strong)}.empty{padding:var(--s-6) var(--s-4);text-align:center;color:var(--c-text-muted)}.empty__title{color:var(--c-text);font-size:var(--text-lg);margin-bottom:var(--s-2)}.empty__body{max-width:44ch;margin:0 auto;font-size:var(--text-sm)}.chat__controls{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;justify-content:space-between;padding-bottom:var(--s-3);border-bottom:1px solid var(--c-border)}.chat__filters{display:flex;flex-wrap:wrap;gap:var(--s-2)}.btn--filter{display:inline-flex;gap:var(--s-2);align-items:center}.btn--filter.is-active{color:var(--c-accent-contrast);background:var(--c-accent);border-color:var(--c-accent)}.btn__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;opacity:.75}.btn--link{padding:0;color:var(--c-accent);text-decoration:underline;background:none;border:none;cursor:pointer}.chat__search{flex:1 1 14rem;max-width:24rem}.chat__search-input{width:100%}.chat__viewport{position:relative}.chat__list{height:min(60vh,40rem);padding:0;margin:0;overflow-y:auto;list-style:none;overflow-anchor:auto}.chat-row{display:grid;grid-template-columns:auto auto minmax(6rem,auto) 1fr;gap:var(--s-2);align-items:baseline;padding:var(--s-1) var(--s-4);border-bottom:1px solid color-mix(in srgb,var(--c-border) 45%,transparent)}.chat-row:hover{background:var(--c-surface-hover)}.chat-row--mention{background:color-mix(in srgb,var(--c-accent) 12%,transparent);box-shadow:inset 3px 0 0 0 var(--c-accent)}.chat-row__time{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--c-text-faint);white-space:nowrap}.chat-row__platform{padding:0 var(--s-2);font-size:var(--text-xs);font-weight:600;color:var(--c-text-muted);white-space:nowrap;border:1px solid var(--c-border-strong);border-radius:var(--radius-pill)}.chat-row__platform--twitch{color:#c9a4ff;border-color:#6441a5}.chat-row__author{display:inline-flex;gap:var(--s-1);align-items:center;min-width:0}.chat-row__avatar{width:1.125rem;height:1.125rem;object-fit:cover;border-radius:50%}.chat-row__name{overflow:hidden;font-weight:600;color:var(--c-text);text-overflow:ellipsis;white-space:nowrap}.chat-row__badge{padding:0 var(--s-1);font-size:var(--text-xs);color:var(--c-text-muted);background:var(--c-surface-raised);border-radius:var(--radius-sm)}.chat-row__body{min-width:0;overflow-wrap:anywhere;color:var(--c-text)}.chat-row__mention{padding:0 2px;color:var(--c-text);background:color-mix(in srgb,var(--c-accent) 35%,transparent);border-radius:var(--radius-sm)}.chat-row__event{color:var(--c-text-muted)}.chat-row__amount{margin-left:var(--s-2);font-weight:600;color:var(--c-ok)}.chat__jump{position:absolute;bottom:var(--s-3);left:50%;padding:var(--s-2) var(--s-4);font:inherit;font-size:var(--text-sm);color:var(--c-accent-contrast);cursor:pointer;background:var(--c-accent);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-panel);transform:translate(-50%)}.chat__jump:hover{background:var(--c-accent-hover)}@media(width<=40rem){.chat-row{grid-template-columns:auto 1fr}.chat-row__platform,.chat-row__author{grid-column:2}.chat-row__body{grid-column:1 / -1}}.auth{min-height:100%;display:grid;place-items:center;padding:var(--s-5)}.auth__card{width:100%;max-width:26rem}.auth__brand{text-align:center;margin-bottom:var(--s-5)}.auth__wordmark{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.auth__wordmark span{color:var(--c-accent)}.auth__tagline{margin-top:var(--s-1);color:var(--c-text-muted);font-size:var(--text-sm)}.auth__footer{margin-top:var(--s-4);text-align:center;font-size:var(--text-sm);color:var(--c-text-muted)}.auth__links{display:flex;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3);font-size:var(--text-sm)}:root{color-scheme:dark;--c-bg: #0c0e12;--c-surface: #14171d;--c-surface-raised: #1a1e26;--c-surface-hover: #212632;--c-border: #262b34;--c-border-strong: #343b47;--c-text: #e6e9ef;--c-text-muted: #9aa3b2;--c-text-faint: #6b7383;--c-accent: #6b8afd;--c-accent-hover: #8aa2ff;--c-accent-contrast: #0c0e12;--c-ok: #3fbf7f;--c-warn: #e0b341;--c-error: #e2586a;--c-idle: #6b7383;--c-ok-bg: #10281d;--c-warn-bg: #2a2313;--c-error-bg: #2c1519;--c-idle-bg: #1a1e26;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--radius: 6px;--radius-sm: 4px;--radius-pill: 999px;--shadow-panel: 0 1px 2px rgb(0 0 0 / 40%);--sidebar-width: 220px;--header-height: 52px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s-2);top:-3rem;z-index:100;padding:var(--s-2) var(--s-3);background:var(--c-accent);color:var(--c-accent-contrast);border-radius:var(--radius);transition:top .15s ease}.skip-link:focus{top:var(--s-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}