@import url("ss-fonts.css");
@import url("assets/design/tokens.css");
@import url("assets/design/motion.css");
:root{color-scheme:dark;--header-h:68px;--header-mobile-h:56px;--tabs-h:72px;--content-max:1440px;--r-round:999px;--border:1px solid var(--line);--border-strong:1px solid var(--line-2);--focus:0 0 0 3px var(--accent-bg);--font:var(--font-ui);--display:var(--font-display);--muted:var(--fg-2);--lime:var(--accent);--lime-2:var(--accent-2);--text:var(--fg);--surface:var(--panel);--surface-2:var(--panel-2)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font-ui)}body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fs-body)/1.5 var(--font-ui)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:800;line-height:1.05}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}small{font-size:var(--fs-small)}button{transition:background var(--dur-base),transform var(--dur-fast)}button:active:not(:disabled){transform:scale(.95)}input,select,textarea{background:var(--panel-3);border:var(--border-strong);border-radius:var(--r-input);padding:var(--s-3);min-height:var(--tap-min)}input::placeholder,textarea::placeholder{color:var(--fg-4)}input[type=checkbox]{accent-color:var(--accent)}dialog{color:var(--fg);background:var(--panel);border:var(--border-strong);border-radius:var(--r-panel);box-shadow:var(--sh-modal)}dialog::backdrop{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(6px)}.ss-brand-mark{width:30px;height:34px;border-radius:var(--r-tag);background:var(--accent);display:inline-flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;transform:skew(-8deg)}.ss-brand-mark:before,.ss-brand-mark:after{content:"";background:var(--accent-ink);width:5px;height:19px;transform:skew(-12deg)}.ss-player,.ss-avatar{color:var(--player,var(--fg));background:color-mix(in srgb,var(--player,var(--fg)) 16%,transparent);border:1px solid color-mix(in srgb,var(--player,var(--fg)) 55%,transparent)}.ss-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-btn);font-weight:800}.ss-label,.eyebrow{font:600 var(--fs-label)/1.5 var(--font-mono);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3)}.ss-muted{color:var(--fg-2)}.ss-panel{background:var(--panel);border:var(--border);border-radius:var(--r-card);padding:var(--s-6)}.ss-live-dot{width:6px;height:6px;border-radius:var(--r-round);background:var(--accent);display:inline-block;animation:ssPulse 1.6s infinite}.ss-empty{display:grid;place-content:center;gap:var(--s-3);text-align:center;padding:var(--s-10);color:var(--fg-3)}.ss-empty svg{width:32px;height:32px;margin:auto}.ss-money{font:800 var(--fs-money)/1 var(--font-display);font-variant-numeric:tabular-nums}.ss-icon{width:var(--tap-min);height:var(--tap-min);display:inline-grid;place-items:center;background:transparent;border:var(--border);border-radius:var(--r-btn)}.ss-icon:hover{background:var(--panel-2)}.ss-pill{border-radius:var(--r-tag);padding:var(--s-1) var(--s-2);font:600 var(--fs-label) var(--font-mono);background:var(--panel-2);color:var(--fg-2)}.ss-danger{color:var(--danger)}.ss-ok{color:var(--ok)}.ss-accent{color:var(--accent)}
*{scrollbar-width:thin;scrollbar-color:var(--fg-4) var(--panel-3)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--panel-3)}*::-webkit-scrollbar-thumb{background:var(--fg-4);border-radius:var(--r-tag)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
