/* Shared workspace presentation. Original live/replay controls keep their selectors and behavior. */
:root{--red:#c82945;--pink:#c82945;--grad:linear-gradient(95deg,#c82945,#b62a48);--ink:#25252b;--muted:#7c7f8d;--line:#ececf0;--soft:#f8f9fb;--bg:#f8f9fb}
body{font-family:'DM Sans','Segoe UI',sans-serif;padding-left:236px;background:var(--bg)}
.workspace-sidebar{width:236px;position:fixed;inset:0 auto 0 0;padding:36px 22px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}
.workspace-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-1px;color:var(--ink)}
.workspace-mark{width:43px;height:43px;border-radius:11px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:22px;letter-spacing:-2px}
.workspace-brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#9495a0;margin-top:2px}
.workspace-caption{font-size:9px;letter-spacing:1.5px;color:#a0a1ae;font-weight:700;margin:32px 14px 16px}
.workspace-link{display:flex;gap:12px;align-items:center;text-decoration:none;border-radius:8px;color:#777986;padding:13px 14px;margin-bottom:7px;font-size:12px;font-weight:550}
.workspace-link>span{font-size:19px;width:21px;flex-shrink:0}
.workspace-link.active{background:#fcf0f2;color:var(--red);font-weight:700}
.workspace-note{margin-top:auto;padding:25px 12px;color:#727583;font-size:11px;line-height:1.9}.workspace-note strong{color:#43454e;display:block;margin-bottom:6px}
.top{position:relative;background:#fff;backdrop-filter:none}.top-inner{max-width:none;margin:0;padding:25px 40px;min-height:92px;gap:18px}.top .mark{display:none}.top .brand h1{background:none;-webkit-text-fill-color:var(--ink);color:var(--ink);font-size:26px;letter-spacing:-.9px}.top .brand p{margin-top:6px;font-size:11px;font-weight:400}.top .theme-toggle{margin-left:auto}.top .live-flag{margin-left:0;font-size:11px}
.tabs{max-width:none;margin:0;padding:0 40px 16px;gap:5px}.tab{font-size:11px;border:0!important;border-radius:6px;padding:10px 16px;background:#f2f3f6;font-weight:600}.tab.active{background:#fcf0f2;color:var(--red)}
.wrap{max-width:1600px;padding:30px 40px;margin:0 auto}.global-filter{background:white;border:1px solid var(--line);border-radius:9px;padding:14px;margin:18px 0 24px}.hist-input,.hist-select,.hist-date,.hist-clear,.oshi-trigger{border-radius:7px;font-size:12px}.card,.hist-card,.lb-member-card,.stats-chart-wrap,.stats-gifters{border-radius:10px;box-shadow:0 2px 8px #20203005}.hist-card{padding:18px 20px}.count-line{font-size:12px}.streams-only-toggle{font-size:11px;border-radius:7px}.hist-filters{gap:9px}.hist-clear,.history-page-btn{border-radius:6px}.lb-mode{font-size:11px;border-radius:6px}.lb-mode.active{background:var(--red)}.lb-chart-wrap{border-radius:10px}.gifter-summary{border-radius:10px;background:#fff7f8;border-color:#edd6dc;box-shadow:none}.race-box,.player-box,.podium-box{border-radius:12px}.idr-note{text-align:left;font-size:10px;padding:0 0 6px}
html[data-theme="dark"]{--ink:#eeeef3;--muted:#a5a5b4;--line:#303039;--bg:#15151c;--soft:#20202a}
html[data-theme="dark"] .workspace-sidebar,html[data-theme="dark"] .top,html[data-theme="dark"] .global-filter{background:#19191f}
html[data-theme="dark"] .workspace-link{color:#acabb8}html[data-theme="dark"] .workspace-link.active,html[data-theme="dark"] .tab.active{background:#38212a;color:#f39aad}html[data-theme="dark"] .tab{background:#24242e}html[data-theme="dark"] .workspace-note strong{color:#dddce5}
@media(min-width:1600px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){body{padding-left:195px}.workspace-sidebar{width:195px;padding-left:15px;padding-right:15px}.top-inner{padding:24px 28px}.tabs{padding:0 28px 16px}.wrap{padding:26px 28px}.workspace-brand{font-size:21px}}
@media(max-width:850px){body{padding-left:75px}.workspace-sidebar{width:75px;padding:25px 9px;align-items:center}.workspace-brand>div,.workspace-caption,.workspace-note{display:none}.workspace-sidebar nav{margin-top:32px;width:100%}.workspace-link{font-size:0;justify-content:center;padding:12px}.workspace-link>span{font-size:23px;width:auto}.top-inner{flex-wrap:wrap;padding:22px}.top .brand h1{font-size:23px}.top .refresh-note{font-size:9px;margin-left:0}.tabs{padding:0 22px 15px}.wrap{padding:22px}.global-filter{flex-wrap:wrap}.global-filter .hist-input{min-width:140px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body{padding-left:58px}.workspace-sidebar{width:58px;padding:20px 5px}.workspace-mark{width:34px;height:36px;font-size:20px}.workspace-link{padding:11px 9px}.workspace-link>span{font-size:21px}.top-inner{padding:23px 16px;gap:10px}.top .brand{flex:1}.top .brand h1{font-size:22px}.top .brand p{font-size:10px}.top .refresh-note{width:100%}.tabs{padding:0 16px 15px;overflow:auto}.tab{font-size:10px;padding:9px 11px}.wrap{padding:20px 16px}.grid{grid-template-columns:1fr}.global-filter{padding:10px}.hist-card{padding:14px;flex-wrap:wrap}.hist-filters .hist-date{min-width:0;max-width:100%;flex:1}.lb-chart-actions{flex-basis:100%}.lb-rank{min-width:100px}.lb-overall .lb-rank{min-width:100px}.race-box{max-width:96vw}}