:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#000;--color-surface:#0b0d10;--color-surface-raised:#15181d;--color-surface-selected:#1f242b;--color-hairline:#2a2f37;--color-control-border:#666f7e;--color-text:#f5f7fa;--color-text-secondary:#aeb6c2;--color-text-muted:#868f9c;--color-action:#9a9bff;--color-action-hover:#b3b4ff;--color-action-ink:#0a0a1a;--color-state-on:#46e08a;--color-state-attention:#ffc44d;--color-state-neutral:#9aa3af;--color-focus:var(--color-action);--elevation-1:none;--elevation-2:none;--glow-action:0 0 0 1px #9a9bff33, 0 8px 32px -8px #9a9bff66;--glow-stage:0 0 80px -20px #9a9bff26;--stage-dim:.85;--stage-frame:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f2ee;--color-surface:#fff;--color-surface-raised:#ebe8e2;--color-surface-selected:#dfdbd3;--color-hairline:#d9d4cb;--color-control-border:#807768;--color-text:#17191d;--color-text-secondary:#4c525b;--color-text-muted:#565c66;--color-action:#4b41c7;--color-action-hover:#382fa8;--color-action-ink:#fff;--color-state-on:#0d6e3f;--color-state-attention:#8a5a00;--color-state-neutral:#5a616b;--color-focus:var(--color-action);--elevation-1:0 1px 2px #17191d0f, 0 2px 8px -2px #17191d14;--elevation-2:0 2px 4px #17191d0f, 0 12px 32px -8px #17191d1f;--glow-action:var(--elevation-2);--glow-stage:var(--elevation-2);--stage-dim:1;--stage-frame:1px solid var(--color-control-border)}:root{--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--font-display:var(--font-ui);--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:clamp(2.25rem, 4vw, 3.25rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--measure:62ch;--page-max:1120px;--stage-max:1120px;--settings-width:18rem;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.01em;--tracking-caps:.06em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--border-width:1px;--border-width-strong:2px;--dur-instant:90ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.38s;--dur-slower:.7s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);--focus-ring-offset:2px}@media (prefers-reduced-motion:reduce){:root{--dur-instant:1ms;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-slower:1ms;--ease-spring:var(--ease-out)}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}#app{align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-5) var(--space-5) var(--space-8);flex-direction:column;display:flex}[hidden]{display:none!important}.site-header{text-align:center}.wordmark{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.subline,.standing{margin:var(--space-2) 0 0;color:var(--color-text-secondary);max-width:var(--measure);text-align:center}.panel,.unavailable{align-items:center;gap:var(--space-5);flex-direction:column;width:100%;display:flex}.panel{max-width:var(--page-max)}.main-content{width:100%;max-width:var(--page-max);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.unavailable,.panel>:not(.hero){max-width:var(--measure)}.status{text-align:center}.status-line{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-medium);margin:0;display:flex}.status-dot{border-radius:var(--radius-pill);border:var(--border-width-strong) solid currentcolor;width:.75rem;height:.75rem;color:var(--color-state-neutral)}.status-dot[data-tone=on]{color:var(--color-state-on)}.status-dot[data-tone=attention]{color:var(--color-state-attention)}.status-dot[data-fill=solid]{background:currentColor}.status-detail,.status-hint{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.status-hint{color:var(--color-text-muted)}.action{min-height:64px;padding:0 var(--space-6);border-radius:var(--radius-md);background:var(--color-action);color:var(--color-action-ink);font-family:inherit;font-size:var(--text-xl);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--glow-action);transition:background var(--dur-fast) var(--ease-out);border:none}.action:hover{background:var(--color-action-hover)}.action:active{transition-timing-function:var(--ease-spring);transform:scale(.99)}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (forced-colors:active){:focus-visible{outline:var(--border-width-strong) solid Highlight;outline-offset:2px}}.timer{justify-content:center;align-items:center;gap:var(--space-2);border:none;flex-wrap:wrap;margin:0;padding:0;display:flex}.timer legend{color:var(--color-text-secondary);font-size:var(--text-sm);padding:0}.chip{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--color-action);border-width:var(--border-width-strong);color:var(--color-action)}.how{border-top:var(--border-width) solid var(--color-hairline);width:100%;padding-top:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.how summary{color:var(--color-text);cursor:pointer;font-weight:var(--weight-medium)}.how h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-base);color:var(--color-text)}.construction,.muted{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin:0}.unavailable h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-align:center;margin:0}.unavailable .body{color:var(--color-text-secondary);text-align:center;margin:0}.os-steps{padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}@media (forced-colors:active){.status-dot{forced-color-adjust:none}.action{border:1px solid buttonborder}}.status-countdown{margin:var(--space-2) 0 0;color:var(--color-text-secondary);text-align:center}.windowed-note,.battery-note{max-width:var(--measure);color:var(--color-text-secondary);text-align:center;margin:0}.battery-note strong{color:var(--color-state-attention);font-weight:var(--weight-semibold)}.battery-note strong:before{content:"◆ "}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:calc(-1 * var(--space-8));left:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;position:absolute}.skip-link:focus-visible{top:var(--space-4)}.os-fallback{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.saver-stage{z-index:30;background:#000;position:fixed;inset:0;overflow:hidden}.saver-stage:empty{display:none}.saver-stage>*{animation:saver-fade-up var(--dur-slower) var(--ease-out) both}@keyframes saver-fade-up{0%{opacity:0}to{opacity:1}}.site-header{width:100%;max-width:var(--page-max);justify-content:space-between;align-items:flex-start;gap:var(--space-4);text-align:left;flex-wrap:wrap;display:flex}.site-header>*{min-width:0}.brand{text-align:left}.header-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.header-link,.link-button{padding:var(--space-2);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.header-link:hover,.link-button:hover{color:var(--color-text)}.icon-button{border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-width:44px;min-height:44px;color:var(--color-text);font-size:var(--text-lg);cursor:pointer;place-items:center;display:grid}.hero{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.stage{aspect-ratio:16/9;width:100%;max-width:var(--stage-max);border:var(--stage-frame);border-radius:var(--radius-xl);max-height:52vh;box-shadow:var(--glow-stage);filter:brightness(var(--stage-dim));background:#000;margin:0 auto;position:relative;overflow:hidden}.stage-poster,.stage-surface{width:100%;height:100%;position:absolute;inset:0}.stage-poster{object-fit:cover}.stage-surface>*{animation:saver-fade-up var(--dur-slower) var(--ease-out) both}.stage-overlay{justify-content:flex-end;align-items:center;gap:var(--space-3);background:linear-gradient(#0000 0%,#0009 55%,#000000bf 100%);flex-direction:column;height:min(240px,100%);padding-bottom:12%;display:flex;position:absolute;inset:auto 0 0}.on-stage{--color-text:#f5f7fa;--color-text-secondary:#aeb6c2;color:var(--color-text)}.sub-label{color:var(--color-text-secondary);font-size:var(--text-base);text-align:center;margin:0}.stage-preview{padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-base);cursor:pointer;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.saver-chrome{z-index:31;align-items:flex-start;gap:var(--space-4);padding:var(--space-3);pointer-events:none;display:flex;position:fixed;inset:0}.saver-chrome>*{pointer-events:auto}.stage-stop{min-height:44px;padding:var(--space-2) var(--space-4);border:var(--border-width) solid #ffffff40;border-radius:var(--radius-pill);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), opacity var(--dur-slow) var(--ease-out);background:#000000a6;margin-left:auto}.stage-stop:hover{background:#000000d9}.saver-chrome-note{max-width:var(--measure);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);background:#000000a6;margin:0}@media (forced-colors:active){.stage-stop,.saver-chrome-note{color:canvastext;border:var(--border-width-strong) solid CanvasText;background:canvas}}.saver-chrome[data-idle=true] .stage-stop{opacity:0;pointer-events:none}.saver-chrome[data-idle=true] .stage-stop:focus{opacity:1;pointer-events:auto}:root[data-saver-windowed=true],:root[data-saver-windowed=true] body{overflow:hidden}.stage[data-blank=true]{background:var(--color-surface-raised)}.inline-controls{justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.inline-control{align-items:center;gap:var(--space-3);display:flex}.inline-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.inline-value{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-base);cursor:pointer}.secondary-action{color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-base);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.secondary-button{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer}.timer-detail,.shared-notice{max-width:var(--measure);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;margin:0}.until-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.until-input{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-base)}.scroll-cue{color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none}.scroll-cue:before{content:"⌄ "}.how{width:100%;max-width:var(--measure)}.site-footer{width:100%;max-width:var(--page-max);border-top:var(--border-width) solid var(--color-hairline);padding-top:var(--space-4);text-align:center}.picker{width:100%;max-width:var(--page-max);gap:var(--space-4);scroll-margin-top:var(--space-5);flex-direction:column;display:flex}.picker-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.picker-heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.picker-count,.picker-hidden,.picker-empty{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.picker-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-chips{gap:var(--space-2);display:flex}.filter-chip{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer}.filter-chip[aria-pressed=true]{border-color:var(--color-action);border-width:var(--border-width-strong);color:var(--color-action)}.search-input{min-width:16rem;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-sm)}.picker-group-heading{margin:var(--space-4) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.picker-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.saver-card{border:var(--border-width-strong) solid transparent;border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.saver-card:hover{background:var(--color-surface-raised)}.saver-card[aria-selected=true]{border-color:var(--color-action);background:var(--color-surface-selected)}.card-art{aspect-ratio:16/9;background:#000;position:relative}.card-poster{object-fit:cover;width:100%;height:100%;display:block}.card-art-blank,.card-art-failed{background:var(--color-surface-raised);place-items:center;display:grid}.card-art-label{color:var(--color-text-muted);font-size:var(--text-sm)}.card-check{right:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--color-action);width:1.5rem;height:1.5rem;display:none;position:absolute}.saver-card[aria-selected=true] .card-check{display:block}.card-check:after{content:"✓";height:100%;color:var(--color-action-ink);font-size:var(--text-sm);justify-content:center;align-items:center;display:grid}.card-body{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.saver-card[aria-selected=true] .card-name{color:var(--color-action)}.card-cost{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);display:flex}.cost-dots{gap:3px;display:flex}.cost-dot{border:var(--border-width) solid var(--color-text-muted);border-radius:var(--radius-pill);width:6px;height:6px}.cost-dot[data-on=true]{background:var(--color-text-muted)}.settings{width:var(--settings-width);gap:var(--space-3);border:var(--border-width) solid var(--color-hairline);border-radius:var(--radius-lg);max-height:52vh;padding:var(--space-4);background:var(--color-surface);flex-direction:column;display:flex;overflow-y:auto}.settings-heading{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0}.settings-list{gap:var(--space-3);flex-direction:column;display:flex}.setting{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:1fr auto;display:grid}.setting-range,.setting-select,.setting-text{grid-column:1/-1;width:100%}.setting-toggle{grid-template-columns:auto 1fr}.setting-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.setting-value{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.settings-hatch{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.slide-over,.shortcuts-panel{z-index:20;gap:var(--space-3);border-left:var(--border-width) solid var(--color-hairline);width:min(420px,100vw);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--elevation-2);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.slide-over h2,.shortcuts-panel h2{font-size:var(--text-lg);margin:0}.slide-over-close{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer;align-self:flex-end}.capability-list,.unavailable-list{margin:0;padding:0;list-style:none}.capability,.unavailable-row{align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--color-hairline);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.capability-mark:before{content:"✗";color:var(--color-state-attention)}.capability-mark[data-ok=true]:before{content:"✓";color:var(--color-state-on)}.capability-note,.unavailable-reason{color:var(--color-text-secondary)}.diag-subhead{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.technical-list{gap:var(--space-1) var(--space-3);margin:var(--space-3) 0;font-family:var(--font-mono);font-size:var(--text-2xs);overflow-wrap:anywhere;grid-template-columns:auto 1fr;display:grid}.technical-list dt{color:var(--color-text-muted)}.technical-list dd{margin:0}.shortcut-list{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.shortcut-list dt{font-family:var(--font-mono);color:var(--color-text-muted)}.shortcut-list dd{margin:0}.esc-hint{z-index:1;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);color:#f5f7fa;font-size:var(--text-lg);animation:esc-hint-drift 3.5s var(--ease-in-out) both;background:#000000a6;margin:0;position:absolute;inset:auto auto 12% 50%}@keyframes esc-hint-drift{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-40%,-14px)}}@media (width<1024px){.hero{grid-template-columns:minmax(0,1fr)}.settings{width:100%;max-height:none}}@media (width<720px){.stage{aspect-ratio:4/3;max-height:none}.action{width:100%}.inline-controls{gap:var(--space-3);flex-direction:column}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-input{width:100%;min-width:0}}@media (width<400px){.picker-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.esc-hint{animation:none}}@media (forced-colors:active){.saver-card[aria-selected=true]{outline:var(--border-width-strong) solid Highlight}}