:root{--sb-color-background: #09090b;--sb-color-foreground: #fafafa;--sb-color-accent: #ef4444;--sb-surface-canvas: var(--sb-color-background);--sb-surface-panel: color-mix(in srgb, var(--sb-color-background) 97%, var(--sb-color-foreground));--sb-surface-raised: color-mix(in srgb, var(--sb-color-background) 94%, var(--sb-color-foreground));--sb-surface-hover: color-mix(in srgb, var(--sb-color-accent) 12%, var(--sb-color-background));--sb-surface-active: color-mix(in srgb, var(--sb-color-accent) 18%, var(--sb-color-background));--sb-surface-disabled: color-mix(in srgb, var(--sb-color-background) 97%, var(--sb-color-foreground));--sb-surface-backdrop: color-mix(in srgb, var(--sb-color-background) 82%, transparent);--sb-surface-overlay: color-mix(in srgb, var(--sb-color-background) 88%, transparent);--sb-text-primary: var(--sb-color-foreground);--sb-text-secondary: color-mix(in srgb, var(--sb-color-foreground) 68%, transparent);--sb-text-disabled: color-mix(in srgb, var(--sb-color-foreground) 42%, transparent);--sb-text-accent: var(--sb-color-accent);--sb-text-on-accent: var(--sb-color-foreground);--sb-outline-strong: var(--sb-color-foreground);--sb-outline-medium: color-mix(in srgb, var(--sb-color-foreground) 42%, transparent);--sb-outline-soft: color-mix(in srgb, var(--sb-color-foreground) 20%, transparent);--sb-outline-subtle: color-mix(in srgb, var(--sb-color-foreground) 12%, transparent);--sb-outline-faint: color-mix(in srgb, var(--sb-color-foreground) 7%, transparent);--sb-accent: var(--sb-color-accent);--sb-accent-soft: color-mix(in srgb, var(--sb-color-accent) 12%, transparent);--sb-accent-medium: color-mix(in srgb, var(--sb-color-accent) 20%, transparent);--sb-accent-strong: color-mix(in srgb, var(--sb-color-accent) 84%, var(--sb-color-background));--sb-accent-cta: color-mix(in srgb, var(--sb-color-accent) 78%, var(--sb-color-background));--sb-accent-cta-hover: color-mix(in srgb, var(--sb-color-accent) 84%, var(--sb-color-background));--sb-focus-ring: var(--sb-color-foreground);--sb-focus-halo: color-mix(in srgb, var(--sb-color-accent) 38%, transparent);--sb-shadow-color: color-mix(in srgb, var(--sb-color-background) 78%, transparent);--sb-shadow-color-strong: color-mix(in srgb, var(--sb-color-background) 88%, transparent);--sb-shadow: 0 20px 60px color-mix(in srgb, var(--sb-color-background) 78%, transparent);--sb-shadow-strong: 0 28px 90px color-mix(in srgb, var(--sb-color-background) 88%, transparent);color-scheme:dark;accent-color:var(--sb-accent);background:var(--sb-surface-canvas);color:var(--sb-text-primary);caret-color:var(--sb-accent)}::selection{background:var(--sb-accent-cta);color:var(--sb-text-on-accent)}html,body{background:var(--sb-surface-canvas);color:var(--sb-text-primary)}body,button,input,select,textarea,dialog{color:var(--sb-text-primary)}a{color:var(--sb-text-accent);text-decoration-color:var(--sb-accent-medium);text-underline-offset:.18em}a:hover{text-decoration-color:var(--sb-accent)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--sb-focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--sb-focus-halo)}:where(button,input,select,textarea):disabled,[aria-disabled=true]{border-style:dashed;color:var(--sb-text-disabled);cursor:not-allowed}::placeholder{color:var(--sb-text-secondary);opacity:1}input,select,textarea{caret-color:var(--sb-accent)}input[type=checkbox],input[type=radio],progress{accent-color:var(--sb-accent)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--sb-text-primary);caret-color:var(--sb-accent);box-shadow:inset 0 0 0 1000px var(--sb-surface-canvas);transition:background-color 9999s ease-out}*{scrollbar-color:var(--sb-accent) var(--sb-surface-canvas)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--sb-surface-canvas)}*::-webkit-scrollbar-thumb{border:3px solid var(--sb-surface-canvas);border-radius:999px;background:var(--sb-accent)}dialog::backdrop{background:var(--sb-surface-backdrop)}:where(.pill,.status-pill,.banner,.twitch-viewers-error):before{flex:0 0 auto;font-weight:900}:where(.pill.warn,.pill.danger,.status-pill.skipped,.status-pill.error,.banner.warn,.banner.danger,.twitch-viewers-error):before{color:var(--sb-text-accent)}:where(.pill.ok,.status-pill.ok):before{content:"✓"}:where(.pill.warn,.status-pill.skipped,.banner.warn):before{content:"!"}:where(.pill.danger,.status-pill.error,.twitch-viewers-error):before{content:"×"}:where(.pill.neutral):before{content:"•"}:where(.banner.info):before{content:"i"}:where(button,.link-button,.nav-button,.segment-button,.combo-option):hover:not(:disabled){background:var(--sb-surface-hover)}:where(button,.link-button,.nav-button,.segment-button,.combo-option):active:not(:disabled),:where([aria-selected=true],[aria-current=page],.is-active){background:var(--sb-surface-active)}:where(svg:not([data-preserve-colors]),.system-icon){color:currentColor}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}