:root{--paper:#eeefe9;--paper-2:#e5e7e0;--card:#fff;--ink:#151515;--ink-2:#3d3f39;--ink-3:#65675e;--line:#d0d1c9;--line-2:#bfc1b7;--accent:#f54e00;--accent-soft:#fdd9c6;--accent-deep:#b13a00;--yellow:#f7a501;--yellow-soft:#fdedc9;--cool:#1d4aff;--cool-soft:#dbe3ff;--ok:#1a8a4a;--ok-soft:#c9f1d6;--warn:#f7a501;--b:1.5px solid var(--ink);--lift:0 5px 0 var(--ink);--serif-en:"IBM Plex Sans", "Noto Sans SC", sans-serif;--serif:"IBM Plex Sans", "Noto Sans SC", sans-serif;--sans:"IBM Plex Sans", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:clamp(16px, 4.2vw, 72px);--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--cool);outline-offset:3px;border-radius:4px}body{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:22px 22px}.deck{scroll-behavior:smooth;height:100%;overflow:hidden auto}@media (width>=1001px) and (height>=640px){.deck.mode-slides{scroll-snap-type:y mandatory}.mode-slides .slide{height:100svh;overflow:clip auto}}.slide{min-height:100svh;padding:clamp(72px, 9vh, 112px) var(--gutter) clamp(64px, 8vh, 96px);scroll-snap-align:start;scroll-snap-stop:always;border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;display:flex;position:relative}.mode-read .slide{min-height:auto;padding-top:clamp(80px,12vh,140px);padding-bottom:clamp(80px,12vh,140px)}.slide-inner{width:100%;max-width:1360px;margin:0 auto}.slide.dark{background:var(--ink);color:var(--paper);border-color:#000}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:14px;margin-bottom:28px;font-size:12px;display:flex}.eyebrow .no{color:var(--accent)}.eyebrow:after{content:"";opacity:.5;background:currentColor;flex:0 0 48px;height:1px}.h-display{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(44px,7.4vw,124px);font-weight:900;line-height:1.04}.h-1{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(32px,4.4vw,64px);font-weight:700;line-height:1.12}.h-2{font-family:var(--serif);font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.25}.it{color:var(--ink-3);font-weight:500}.dark .it{color:#8a857a}.lede{color:var(--ink-2);max-width:46ch;font-size:clamp(16px,1.25vw,19px);line-height:1.75}.muted{color:var(--ink-3)}.mono{font-family:var(--mono)}.small{font-size:13px}.accent{color:var(--accent)}.grid{gap:clamp(16px,2vw,32px);display:grid}.head-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(24px,4vw,80px);margin-bottom:clamp(32px,5vh,56px);display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px}.chip{border:1px solid var(--line-2);background:var(--card);transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:inline-flex}.chip:hover{border-color:var(--ink);transform:translateY(-1px)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn{background:var(--ink);color:var(--paper);transition:transform .2s var(--ease), background .2s;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{background:var(--accent);transform:translateY(-2px)}.btn.ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.seg{isolation:isolate;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px;display:inline-flex}.seg button{color:var(--ink-2);border-radius:999px;padding:8px 16px;font-size:14px;transition:color .2s;position:relative}.seg button.on{color:var(--paper)}.seg .pill{background:var(--ink);z-index:0;border-radius:999px;position:absolute;inset:0}.seg button span{z-index:1;position:relative}.kbd{font-family:var(--mono);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 6px;font-size:11px}.rule{background:var(--line);border:0;height:1px}.ext{color:var(--ink-2);border-bottom:1px solid var(--line-2);align-items:center;gap:6px;padding-bottom:1px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.ext:after{content:"↗";font-size:11px}.ext-row{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;display:flex}.ext-row .lab{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;font-size:11px}.win{background:var(--card);border:1px solid var(--line-2);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #fff,0 30px 60px -40px #14131059}.win-bar{border-bottom:1px solid var(--line);background:var(--paper-2);color:var(--ink-3);align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px;display:block}.url{background:var(--card);border:1px solid var(--line);font-family:var(--mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;flex:1;padding:4px 10px;font-size:11.5px;overflow:hidden}.term{color:#e9e5d8;font-family:var(--mono);background:#16150f;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow:auto}.term .c{color:#8a857a}.term .g{color:#8fd18f}.term .o{color:#ff8a6b}.term .b{color:#8fb0ff}.term .y{color:#e8c46a}.hud-top{z-index:50;padding:14px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hud-top>*{pointer-events:auto}.brand{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:flex}.brand i{background:var(--accent);border-radius:50%;width:10px;height:10px;display:block}.hud-bottom{z-index:50;padding:12px var(--gutter) 16px;pointer-events:none;font-family:var(--mono);color:var(--ink-3);align-items:center;gap:18px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-bottom>*{pointer-events:auto}.progress{background:var(--line);border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.progress b{background:var(--ink);transform-origin:0;transition:transform .6s var(--ease);position:absolute;inset:0}.navbtn{border:1px solid var(--line-2);background:color-mix(in oklab, var(--paper) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:grid}.navbtn:hover{background:var(--ink);color:var(--paper)}.toc-btn{font-family:var(--mono);border:1px solid var(--line-2);background:color-mix(in oklab, var(--paper) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 12px;font-size:12px}.on-dark .hud-bottom{color:#9c978b}.on-dark .brand{color:var(--paper)}.on-dark .progress{background:#333}.on-dark .progress b{background:var(--paper)}.on-dark .navbtn,.on-dark .toc-btn{color:var(--paper);background:#14131099;border-color:#444}.toc{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14131059;justify-content:flex-end;display:flex;position:fixed;inset:0}.toc-panel{background:var(--paper);border-left:1px solid var(--line);width:min(440px,100%);height:100%;padding:72px 32px 32px;overflow:auto}.toc-panel button{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:36px 1fr;gap:8px;width:100%;padding:10px 0;font-size:15px;transition:color .2s,padding .2s;display:grid}.toc-panel button:hover{color:var(--accent);padding-left:6px}.toc-panel button.cur{color:var(--accent)}.toc-panel .sec{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 4px;font-size:11px}@media (width<=900px){.head-row{grid-template-columns:1fr;align-items:start}.hide-sm{display:none!important}.hud-bottom{background:linear-gradient(to top, var(--paper) 55%, transparent);padding-top:28px}.on-dark .hud-bottom{background:linear-gradient(to top, var(--ink) 55%, transparent)}.hud-top{background:linear-gradient(to bottom, var(--paper) 60%, transparent)}.on-dark .hud-top{background:linear-gradient(to bottom, var(--ink) 60%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.deck{scroll-behavior:auto}}input[type=range].rng{appearance:none;background:var(--line-2);outline:none;width:100%;height:2px;margin:18px 0 0}input[type=range].rng:focus-visible{outline:2px solid var(--cool);outline-offset:8px;border-radius:4px}input[type=range].rng::-webkit-slider-thumb{appearance:none;background:var(--accent);border:4px solid var(--paper);width:22px;height:22px;box-shadow:0 0 0 1px var(--accent);cursor:grab;border-radius:50%;transition:transform .2s}input[type=range].rng::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].rng::-moz-range-thumb{background:var(--accent);border:4px solid var(--paper);cursor:grab;border-radius:50%;width:14px;height:14px}.h-display,.h-1,.h-2{letter-spacing:-.03em;font-weight:900}.h-1{font-weight:800}.it{color:inherit;font-weight:inherit;background:linear-gradient(transparent 58%, var(--yellow) 58%, var(--yellow) 92%, transparent 92%);padding:0 .06em;font-style:normal}.dark .it{color:inherit;background:linear-gradient(transparent 58%, var(--accent) 58%, var(--accent) 92%, transparent 92%)}.eyebrow{color:var(--ink);font-weight:500}.eyebrow .no{background:var(--accent);color:#fff;border:var(--b);border-radius:5px;padding:3px 8px}.eyebrow:after{display:none}.lede{color:var(--ink-2)}.card,.win{background:var(--card);border:var(--b);box-shadow:var(--lift);border-radius:8px}.win-bar{background:var(--paper-2);border-bottom:var(--b);color:var(--ink);font-weight:500}.dots i{border:var(--b);width:11px;height:11px}.dots i:first-child{background:var(--accent)}.dots i:nth-child(2){background:var(--yellow)}.dots i:nth-child(3){background:#29c46a}.url{border:var(--b);color:var(--ink);border-radius:6px}.term{background:#151515}.btn{background:var(--accent);color:#fff;border:var(--b);box-shadow:0 4px 0 var(--accent-deep), 0 4px 0 1.5px var(--ink);border-radius:7px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:hover{background:var(--accent);box-shadow:0 6px 0 var(--accent-deep), 0 6px 0 1.5px var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--accent-deep), 0 1px 0 1.5px var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.6;transform:none}.btn.ghost{color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff}.btn.ghost:hover{background:var(--yellow-soft);color:var(--ink);box-shadow:0 6px 0 var(--ink)}.chip{border:var(--b);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:7px;font-weight:500}.chip:hover{background:var(--yellow-soft);transform:translateY(-1px)}.chip.on{background:var(--ink);color:#fff}.seg{border:var(--b);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:8px;padding:3px}.seg button{color:var(--ink);border-radius:5px;font-weight:500}.seg .pill{border-radius:5px}.ext{color:var(--ink);border-bottom:1.5px dashed var(--ink-3);font-weight:500}.ext:hover{color:var(--accent);border-color:var(--accent)}.kbd{border:var(--b);background:#fff}.slide{border-bottom:1.5px dashed var(--line-2);padding-top:clamp(80px,10vh,116px);padding-bottom:clamp(80px,10vh,108px)}.slide.dark{background:var(--ink) radial-gradient(#2c2c2c 1px, transparent 1px) 0 0 / 22px 22px;border-color:#000}.slide.dark .eyebrow,.slide.dark .muted{color:#a3a59b}.menubar{z-index:60;background:var(--paper-2);border-bottom:var(--b);align-items:center;gap:4px;height:40px;padding:0 12px;font-size:13.5px;display:flex;position:fixed;top:0;left:0;right:0}.menubar .logo{align-items:center;gap:8px;padding:0 10px 0 4px;font-weight:700;display:flex}.menubar .logo i{background:var(--accent);border:var(--b);border-radius:4px;width:16px;height:16px}.menubar .mi{border-radius:5px;padding:5px 10px;font-weight:500}.menubar .mi:hover{background:#fff}.menubar .right{align-items:center;gap:14px;margin-left:auto;display:flex}.menubar .clock{font-family:var(--mono);color:var(--ink-3);font-size:12.5px}.menubar .seg{box-shadow:none;padding:2px}.menubar .seg button{padding:3px 12px;font-size:12.5px}.taskbar{z-index:60;scrollbar-width:none;background:var(--paper-2);border-top:var(--b);align-items:center;gap:8px;height:52px;padding:0 12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.taskbar .tb{white-space:nowrap;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.taskbar .tb:hover{border-color:var(--line-2);background:#fff}.taskbar .tb.cur{border:var(--b);box-shadow:0 3px 0 var(--ink);background:#fff}.taskbar .tb i{border:1.5px solid var(--ink);border-radius:2px;width:9px;height:9px}.taskbar .sp{flex:1}.taskbar .pg{font-family:var(--mono);padding:0 8px;font-size:12.5px}.taskbar .ar{border:var(--b);width:34px;height:34px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:6px;font-weight:700}.taskbar .ar:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.taskbar .bar{border:var(--b);background:#fff;border-radius:5px;width:120px;height:10px;overflow:hidden}.taskbar .bar b{background:var(--accent);height:100%;transition:width .5s var(--ease);display:block}@media (width<=900px){.menubar .mi,.taskbar .tb span,.taskbar .bar{display:none}.taskbar .tb{padding:0 8px}.taskbar .toc-open span{display:inline}}@media (width<=380px){.taskbar{gap:4px;padding:0 6px}.taskbar .tb{padding:0 6px}.taskbar .pg{display:none}}.taskbar>*{flex-shrink:0}.vs-q button,.tool,.tk,.qz-opts button,.av-ctl,.why,.qz-ex,.loop-detail .ex,.fs-stat div,.tool-d,.lb-confirm,.result{box-shadow:0 3px 0 var(--ink);border:var(--b)!important;border-radius:8px!important}.vs-q button.on,.tk.on{background:var(--yellow-soft)!important;color:var(--ink)!important}.tk.on{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.tool:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--ink)!important}.tool .mk{border:var(--b);border-radius:10px}.qz-opts button:hover:not(:disabled){background:var(--yellow-soft)}.qz-dots button{border:var(--b)!important}.why{border-left:6px solid var(--accent)!important}.b-track{border:var(--b);background:#fff;border-radius:6px}.b-fill{background:var(--cool)!important;border-radius:4px!important}.cmp,.agenda,.loop-detail,.refs h3{border-top-width:1.5px!important}.agenda .n{font-family:var(--mono);font-style:normal;color:var(--accent)!important}.cmp-row:not(.head):hover,.cmp-row.on{background:var(--yellow-soft)!important}.col h3{border-top-width:6px!important}.demo-l .prompt{border:var(--b);box-shadow:0 3px 0 var(--accent)}.tri button{box-shadow:0 3px 0 var(--ink);border:var(--b)!important}.td-stage,.vm-scr .frame{border:var(--b)!important}.toc-panel{border-left:var(--b)}.toc-panel button:hover,.toc-panel button.cur{color:var(--accent)}.win{transition:box-shadow .2s,rotate .2s;position:relative}.win-bar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.win.is-drag{box-shadow:0 14px 0 var(--ink), 0 30px 60px -20px #0006;cursor:grabbing;rotate:-.6deg}.win.is-drag .win-bar{cursor:grabbing}.dots i{cursor:pointer;transition:transform .15s;position:relative}.dots i:hover{transform:scale(1.25)}.dots:hover i:after{color:#151515;place-items:center;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.dots:hover i:first-child:after{content:"↺"}.dots:hover i:nth-child(2):after{content:"–"}.dots:hover i:nth-child(3):after{content:"+"}.win.is-min>:not(.win-bar){display:none!important}.win.is-min{box-shadow:0 3px 0 var(--ink)}.win.is-max{box-shadow:0 10px 0 var(--ink);overflow:auto;z-index:70!important;position:fixed!important;inset:56px 4vw 68px!important;translate:none!important}.max-anc{zoom:1!important;filter:none!important;transform:none!important}.win-backdrop{z-index:65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:zoom-out;background:#15151566;position:fixed;inset:0}.drag-hint{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;opacity:.8;margin-left:auto;padding-left:10px;font-size:11.5px}.say{border:var(--b);box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:500;position:absolute}.say:after{content:"";border-right:var(--b);border-bottom:var(--b);background:#fff;width:12px;height:12px;position:absolute;bottom:-8px;left:18px;rotate:45deg}.div-bot>div{background:var(--paper);border:var(--b);box-shadow:0 6px 0 var(--accent);border-radius:18px;padding:18px 18px 6px;rotate:2deg}.slide:focus{outline:none}.loop-node:focus-visible circle{stroke:var(--cool);stroke-width:2.5px}.loop-node{outline:none}.slide-wait{min-height:70svh}