:root{--sp-accent:#6b00ff;--sp-accent-dark:#12102a;--sp-accent-light:#a259ff;--sp-accent-lighter:#e9d6ff;--sp-silver:#eaeaf0;--sp-bg:#0a0a0f;--sp-surface:#12102a;--sp-border:#18171a;--sp-text-primary:#fff;--sp-text-secondary:#9a9aa3;--sp-radius:16px;--sp-radius-pill:999px;--sp-font-heading:"Archivo Black", "Arial Black", "Segoe UI", sans-serif;--sp-font-body:"Inter", "Segoe UI", system-ui, sans-serif}[data-theme=light]{--sp-bg:#e1dfe6;--sp-surface:#eaeaf0;--sp-border:#c9c7d1;--sp-text-primary:#0b0b0d;--sp-text-secondary:#55535c}
.sp-scope{--sp-radius-panel:6px;--sp-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sp-bg-1:color-mix(in srgb, var(--sp-surface) 55%, var(--sp-bg));--sp-bg-2:var(--sp-surface);--sp-line:var(--sp-border);--sp-live:#ef4444;background:var(--sp-bg);min-height:100vh;color:var(--sp-text-primary);font-family:var(--sp-font-body);font-size:14px;line-height:1.5}.sp-scope *{box-sizing:border-box}.sp-scope a{color:inherit}.sp-scope button,.sp-scope select{font:inherit;color:inherit}.sp-scope h1,.sp-scope h2,.sp-scope h3{font-family:var(--sp-font-heading);letter-spacing:-.02em;margin:0;font-weight:700}.sp-scope :focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-mono{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums}.sp-eyebrow{font-family:var(--sp-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sp-text-secondary);font-size:.66rem;font-weight:700}.sp-muted{color:var(--sp-text-secondary)}.sp-shell{width:min(1180px,100% - 2.5rem);margin-inline:auto;padding-bottom:4rem}.sp-topbar{z-index:5;border-bottom:1px solid var(--sp-line);background:color-mix(in srgb, var(--sp-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:1rem;min-height:62px;display:flex;position:sticky;top:0}.sp-topbar-inner{align-items:center;gap:1.25rem;width:min(1180px,100% - 2.5rem);min-height:62px;margin-inline:auto;display:flex}.sp-brand{color:var(--sp-text-primary);font-family:var(--sp-font-heading);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:inline-flex}.sp-brand-mark{width:18px;height:18px;color:var(--sp-accent)}.sp-brand-mark svg{width:100%;height:100%;display:block}.sp-statebar{flex:1;align-items:center;gap:1.4rem;min-width:0;display:flex}.sp-stat{white-space:nowrap;flex-direction:column;gap:.1rem;display:flex}.sp-stat-label{font-family:var(--sp-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-text-secondary);font-size:.6rem;font-weight:700}.sp-stat-value{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;color:var(--sp-text-primary);font-size:.95rem;font-weight:700}.sp-stat-value.sp-accent-text{color:var(--sp-accent)}.sp-account{border-left:1px solid var(--sp-line);align-items:center;gap:.7rem;min-width:0;margin-left:auto;padding-left:1rem;font-size:.75rem;display:flex}.sp-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:700;overflow:hidden}.sp-account-channel{color:var(--sp-accent);font-size:.68rem}.sp-btn{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);min-height:36px;color:var(--sp-text-primary);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.75rem;font-weight:700;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.sp-btn:hover{border-color:var(--sp-accent)}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn-primary{border-color:var(--sp-accent);background:var(--sp-accent);color:#fff}.sp-btn-primary:hover{background:color-mix(in srgb, var(--sp-accent) 85%, black)}.sp-btn-danger{border-color:color-mix(in srgb, var(--sp-live) 55%, var(--sp-line));color:var(--sp-live)}.sp-section{border-bottom:1px solid var(--sp-line);padding-block:2rem}.sp-section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.sp-section-head h2{font-size:1.15rem}.sp-notice{border:1px solid var(--sp-line);border-left:2px solid var(--sp-accent);border-radius:var(--sp-radius-panel);background:color-mix(in srgb, var(--sp-accent) 6%, transparent);color:var(--sp-text-secondary);align-items:flex-start;gap:.6rem;margin-top:.9rem;padding:.7rem .85rem;font-size:.75rem;display:flex}.sp-notice strong{color:var(--sp-text-primary)}.sp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sp-slot{aspect-ratio:16/9;border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);position:relative;overflow:hidden}.sp-slot iframe{border:0;width:100%;height:100%;display:block}.sp-slot-empty,.sp-slot-occupied{text-align:center;place-items:center;gap:.25rem;padding:.4rem;display:grid;position:absolute;inset:0}.sp-slot-empty{color:var(--sp-text-secondary)}.sp-slot-occupied{color:var(--sp-text-secondary);background:color-mix(in srgb, var(--sp-bg-2) 60%, transparent)}.sp-slot-icon{opacity:.6;font-size:1rem}.sp-slot-caption{font-family:var(--sp-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.sp-slot-mine{z-index:1;background:var(--sp-accent);color:#fff;font-family:var(--sp-font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.58rem;font-weight:700;position:absolute;top:.4rem;left:.4rem}.sp-live-dot{background:var(--sp-live);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sp-live) 25%, transparent);border-radius:50%;animation:2.2s ease-in-out infinite sp-pulse;display:inline-block}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sp-live-dot{animation:none}}.sp-windows{border-top:1px solid var(--sp-line);display:grid}.sp-window-row{border-bottom:1px solid var(--sp-line);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1rem;padding:.75rem .2rem;font-size:.8rem;display:grid}.sp-window-when{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;min-width:9ch}.sp-window-occupancy{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;color:var(--sp-text-secondary);text-align:right;min-width:6ch}.sp-window-price{font-family:var(--sp-font-mono);color:var(--sp-accent);text-align:right;min-width:8ch}.sp-login{place-items:center;min-height:100vh;padding:2rem;display:grid}.sp-login-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);text-align:center;width:min(380px,100%);padding:2rem 1.6rem}.sp-login-card .sp-brand{justify-content:center;margin-bottom:1.6rem}.sp-login-card h1{margin-bottom:.5rem;font-size:1.3rem}.sp-login-card p{color:var(--sp-text-secondary);margin:0 0 1.6rem;font-size:.82rem}.sp-kick-btn{border:1px solid var(--sp-accent);border-radius:var(--sp-radius-panel);background:var(--sp-accent);color:#fff;width:100%;min-height:44px;font-size:.85rem;font-weight:800}.sp-kick-btn:hover{background:color-mix(in srgb, var(--sp-accent) 85%, black)}.sp-error{color:var(--sp-live);margin-top:1rem;font-size:.75rem}.sp-empty-state{text-align:center;color:var(--sp-text-secondary);padding:2rem 1rem;font-size:.8rem}@media (max-width:900px){.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-window-row{grid-template-columns:auto 1fr auto;row-gap:.35rem}.sp-window-price{text-align:left;grid-column:1/-1}}@media (max-width:560px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-statebar{gap:.9rem;overflow-x:auto}.sp-account-name{max-width:90px}}