:root{--deck-bg:#eef1f1;--deck-surface:#fbfcfc;--deck-ink:#151d20;--deck-ink-2:#46545a;--deck-muted:#7a878c;--deck-line:#d5dcde;--deck-grid:#e6ebec;--font-display:"Segoe UI Semibold", "Segoe UI", system-ui, sans-serif;--font-body:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Mono", Consolas, ui-monospace, monospace}html,body{height:100%;margin:0;overflow:hidden}body.present{color:var(--deck-ink);font:16px/1.4 var(--font-body);background:#0f1416}.deck{transform-origin:50%;background:var(--deck-bg);grid-template-rows:76px 92px 14px minmax(0,1fr);width:1600px;height:900px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck__title{justify-content:space-between;align-items:baseline;padding:22px 40px 0;display:flex}.deck__title h1{font:600 38px/1 var(--font-display);letter-spacing:-.01em;margin:0}.deck__right{align-items:baseline;gap:22px;display:flex}.deck__link{font:600 15px var(--font-body);color:var(--deck-ink-2);border:1px solid var(--deck-line);background:var(--deck-surface);border-radius:999px;padding:5px 14px;text-decoration:none}.deck__link:hover{color:var(--deck-ink);border-color:var(--deck-ink-2)}.deck__day{font:500 20px var(--font-mono);color:var(--deck-ink-2);font-variant-numeric:tabular-nums;margin:0}.modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:8px 40px 0;display:grid}.mode{text-align:left;border:1px solid var(--deck-line);background:var(--deck-surface);cursor:pointer;opacity:.72;border-radius:10px;grid-template-columns:6px 1fr;align-content:start;column-gap:12px;height:84px;padding:10px 14px;transition:box-shadow .4s,border-color .4s,opacity .4s;display:grid;overflow:hidden}.mode:hover{opacity:1}.mode.is-active{opacity:1;border-color:var(--mode);box-shadow:0 0 0 2px var(--mode) inset, 0 6px 18px #141e231a}.mode__swatch{background:var(--mode);border-radius:3px;grid-row:1/span 2;width:6px}.mode__name{font:600 21px/1.15 var(--font-display)}.mode__desc{color:var(--deck-ink-2);margin-top:3px;font-size:13.5px;line-height:1.3}.progress{align-items:center;gap:4px;margin:0 40px;padding-top:8px;display:flex;position:relative}.progress span{background:var(--deck-line);border-radius:2px;height:3px;position:relative;overflow:hidden}.progress i{background:var(--deck-ink-2);border-radius:2px;width:0;position:absolute;inset:0 auto 0 0}.deck__body{grid-template-columns:930px 1fr;gap:20px;min-height:0;padding:12px 40px 26px;display:grid}.view{background:#dfe5e6;border-radius:12px;position:relative;overflow:hidden}.view #scene{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.view__vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#0a141947 100%);position:absolute;inset:0}.view .labels{pointer-events:none;position:absolute;inset:0}.plabel{border:1px solid var(--deck-line);font:600 15px/1.2 var(--font-body);color:var(--deck-ink);white-space:nowrap;opacity:0;background:#fbfcfce6;border-radius:6px;padding:5px 10px 6px;transition:opacity .5s,transform .12s linear;position:absolute;top:0;left:0;box-shadow:0 4px 14px #141e231f}.plabel small{color:var(--deck-ink-2);font-size:12.5px;font-weight:400;display:block}.plabel.is-on{opacity:1}.plabel.is-pulse{border-color:var(--pulse,#eb6834);box-shadow:0 0 0 3px color-mix(in srgb, var(--pulse,#eb6834) 35%, transparent)}.toast{color:#f3f6f6;font:600 17px var(--font-body);opacity:0;background:#151d20d1;border-radius:8px;margin:0;padding:8px 14px;transition:opacity .5s,transform .5s;position:absolute;top:16px;left:18px;transform:translateY(-6px)}.toast.is-on{opacity:1;transform:none}.paused{color:#f3f6f6;font:600 15px var(--font-body);background:#151d20d1;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex;position:absolute;bottom:16px;left:18px}.paused button{color:#151d20;font:600 14px var(--font-body);cursor:pointer;background:#f3f6f6;border:0;border-radius:999px;padding:7px 14px}.view .atf-inset{border-color:var(--deck-line);background:#fbfcfceb;width:330px;top:16px;right:16px}.side{min-width:0}.charts{gap:10px;display:grid;position:relative}.chart{background:var(--deck-surface);border:1px solid var(--deck-line);border-radius:10px;margin:0;padding:8px 10px 4px}.chart figcaption{font:600 16px var(--font-display);color:var(--deck-ink);margin:0 0 0 6px}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--deck-grid);stroke-width:1px}.chart .axis{stroke:var(--deck-muted);stroke-width:1px}.chart .tick{font:12px var(--font-mono);fill:var(--deck-muted)}.chart .axis-title{font:12.5px var(--font-body);fill:var(--deck-ink-2)}.chart .line-label,.chart .bar-name{font:600 14px var(--font-body);fill:var(--deck-ink)}.chart .bar-value{font:500 13px var(--font-mono);fill:var(--deck-ink-2)}.chart .tick-label{font:12px var(--font-body);fill:var(--deck-ink-2)}.chart .hit{cursor:col-resize}.chart-tip{pointer-events:none;z-index:2;background:var(--deck-surface);border:1px solid var(--deck-line);font:13px/1.5 var(--font-body);white-space:nowrap;border-radius:8px;padding:8px 10px;position:absolute;box-shadow:0 6px 18px #141e2324}.chart-tip i{vertical-align:middle;border-radius:2px;width:12px;height:3px;margin-right:7px;display:inline-block}.chart-tip b{font:500 13px var(--font-mono)}.chart-tip .muted{color:var(--deck-muted)}@media (prefers-reduced-motion:reduce){.plabel,.toast,.mode{transition:none}}