:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--fg:#f5f5f7;--dim:#8e8e93;--faint:#48484a;--line:#2c2c2e;--panel:#1c1c1e;--accent:#ffd60a;--ahead:#64d2ff;--behind:#ff9f0a;--over:#ff453a;--laser:#ff3b30;--notes:24px;--aspect:16 / 9;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}body{overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit}code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}kbd{color:var(--dim);border:1px solid #3a3a3c;border-radius:4px;padding:2px 5px;font-size:11px;line-height:1}.start{place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:auto}.start-inner{width:min(640px,100%)}.wordmark{letter-spacing:-.035em;margin:0;font-size:clamp(44px,9vw,76px);font-weight:250}.tagline{color:var(--dim);margin:6px 0 32px;font-size:18px}.drop{cursor:pointer;border:1.5px dashed #3a3a3c;border-radius:16px;flex-direction:column;gap:8px;padding:36px 28px;transition:border-color .15s,background .15s;display:flex;position:relative}.drop:hover,.drop.over,.drop:focus-within{border-color:var(--accent);background:#ffd60a0d}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop-title{font-size:20px}.drop-sub{color:var(--dim);line-height:1.45}.link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.start-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.start-actions button{background:var(--panel);cursor:pointer;border:1px solid #3a3a3c;border-radius:10px;padding:10px 16px}.start-actions button:hover{border-color:#636366}.start-actions .primary{border-color:var(--accent);background:var(--accent);color:#000;font-weight:600}.start-error{color:var(--over)}.start-foot{color:#636366;flex-wrap:wrap;gap:6px 18px;margin-top:40px;font-size:13px;display:flex}.start-foot a{color:inherit}.presenter{grid-template:"head split sidehead strip""current split next strip""notes split side strip"minmax(0,1fr)/minmax(0,62fr) 28px minmax(0,38fr) clamp(120px,12vw,220px);padding:18px 0 18px 28px;display:grid;position:fixed;inset:0}.head{grid-area:head;align-items:flex-end;gap:18px;min-width:0;padding-bottom:12px;display:flex}.timer{cursor:pointer;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:0 0;border:0;padding:0;font-size:clamp(40px,5.2vw,100px);font-weight:300;line-height:.9}.timer.idle,.timer.pre{color:var(--dim)}.timer.ahead{color:var(--ahead)}.timer.behind,.timer.paused{color:var(--behind)}.timer.over{color:var(--over)}.timer-sub{color:var(--dim);white-space:nowrap;flex-direction:column;gap:3px;font-size:14px;display:flex}.counter{white-space:nowrap;flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}#counter{font-variant-numeric:tabular-nums;font-size:clamp(22px,2.3vw,42px);line-height:1}#counter-sub{color:var(--dim);margin-top:4px;font-size:14px}.slide-view{position:relative}.slide-view canvas{outline:1px solid #3a3a3c;display:block;position:absolute}.laser-dot{pointer-events:none;background:radial-gradient(circle,#ff4d4d 0 35%,#ff28288c 55%,#f000 72%);border-radius:50%;position:absolute}#current{width:100%;max-height:64dvh;aspect-ratio:var(--aspect);grid-area:current}#current.laser-on{cursor:none}.split{cursor:col-resize;touch-action:none;grid-area:1/split/-1;position:relative}.split:after{content:"";background:0 0;width:2px;transition:background .15s;position:absolute;top:0;bottom:0;left:13px}.split:hover:after,.split.dragging:after{background:var(--line)}.side-head{color:var(--dim);grid-area:sidehead;align-self:end;padding-bottom:12px;font-size:14px}#next{width:100%;aspect-ratio:var(--aspect);grid-area:next;align-self:start}#next.empty{border:1px dashed var(--line);color:var(--faint);place-items:center;display:grid}.notes{font-size:var(--notes);overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#3a3a3c transparent;grid-area:notes;padding:20px 8px 8px 0;line-height:1.5;overflow:auto}.notes>:first-child{margin-top:0}.notes p,.notes ul,.notes ol{margin:0 0 .6em}.notes ul,.notes ol{padding-left:1.2em}.notes code{background:var(--panel);border-radius:4px;padding:0 .25em;font-size:.86em}.notes a{color:var(--ahead)}.notes.plain{white-space:pre-wrap}.notes .empty{color:var(--faint)}.side{flex-direction:column;grid-area:side;gap:8px;min-height:0;padding-top:20px;display:flex;overflow:hidden}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--line);letter-spacing:.06em;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.badge.b-black{color:#000;background:#f5f5f7}.badge.b-frozen{background:var(--ahead);color:#000}.badge.b-laser{background:var(--laser)}.badge.b-paused{background:var(--behind);color:#000}.hintline{color:var(--dim);margin:0;font-size:13px;line-height:1.4}.hintline:empty{display:none}.hintline.warn{color:var(--behind)}.toolbar{opacity:.5;flex-wrap:wrap;gap:6px;margin-top:auto;transition:opacity .2s;display:flex}.toolbar:hover,.toolbar:focus-within{opacity:1}.toolbar button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;display:flex}.toolbar button:hover{border-color:var(--faint)}.toolbar button.on{border-color:var(--accent);color:var(--accent)}.strip{scrollbar-width:thin;scrollbar-color:#3a3a3c transparent;grid-area:1/strip/-1;margin:0;padding:0 14px 45vh 10px;list-style:none;overflow-y:auto}.strip li{cursor:pointer;grid-template-columns:2em minmax(0,1fr);align-items:start;gap:6px;margin-bottom:12px;display:grid}.strip .num{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right;padding-top:1px;font-size:14px}.strip canvas,.overview-grid canvas{background:var(--panel);outline:1px solid var(--line);width:100%;display:block}.strip li.current canvas{outline:3px solid var(--accent)}.strip li.current .num{color:var(--accent)}.strip li.hidden canvas,.overview-grid li.hidden canvas{opacity:.35}.strip li.divider,.overview-grid li.divider{border-top:1px solid var(--line);color:#636366;letter-spacing:.08em;text-transform:uppercase;cursor:default;padding-top:6px;font-size:11px;display:block}.overview{z-index:10;background:#000000f2;padding:28px;position:fixed;inset:0;overflow:auto}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px 18px;margin:0;padding:0;list-style:none;display:grid}.overview-grid li{cursor:pointer}.overview-grid li.divider{grid-column:1/-1}.overview-grid .cap{color:var(--dim);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.overview-grid li.current canvas{outline:3px solid var(--accent)}.overview-grid li.selected canvas{outline-offset:3px;outline:3px solid #fff}.solo{z-index:20;background:#000;position:fixed;inset:0}.solo .slide-view canvas{outline:none}.help{z-index:30;background:#000c;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.help-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;max-width:1120px;max-height:90dvh;padding:24px 28px;overflow:auto}.help-card h2{margin:0 0 16px;font-weight:500}.help-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:8px 40px;display:grid}.help-grid h3{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 10px;font-size:13px;font-weight:600}.help-grid dl{grid-template-columns:auto 1fr;gap:7px 14px;margin:0;font-size:14px;display:grid}.help-grid dt{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.help-grid dd{color:var(--dim);margin:0}.help-foot{color:var(--dim);margin:18px 0 0;font-size:13px}.goto{background:var(--panel);color:var(--fg);border:1px solid #3a3a3c;border-radius:14px;padding:18px 22px}.goto::backdrop{background:#00000080}.goto input{width:4.5em;color:var(--fg);background:#000;border:1px solid #3a3a3c;border-radius:8px;margin-left:10px;padding:4px 8px;font-size:28px}.toast{z-index:40;max-width:min(640px,100vw - 32px);color:var(--fg);background:#2c2c2e;border-radius:10px;padding:10px 16px;font-size:14px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.toast.error{color:#ffb4ab;background:#3a1210}@media (max-width:760px){.presenter{grid-template:"head""current""next""notes"minmax(0,1fr)"side"/minmax(0,1fr);padding:12px 16px}.split,.strip,.side-head{display:none}.next{width:40%;margin-top:10px}}