.vp{--vp-bg:var(--bg);--vp-surface:var(--surface);--vp-subtle:var(--surface-subtle);--vp-rule:var(--border);--vp-ink:var(--text-primary);--vp-ink-2:var(--text-secondary);--vp-muted:var(--text-muted);--vp-accent:var(--engine);--vp-accent-ink:var(--surface);--vp-accent-wash:var(--accent-subtle);--scene-bg:var(--surface-subtle);--vp-tag-bg:color-mix(in srgb, var(--surface) 94%, transparent);--vx:#c8343a;--vy:#12804a;--vz:#3456c4;--vpos:#a86a00;--vair:#c94a06;--vwind:#087d9b;--vground:#6d36a8;--vn:#0b7f72;--vsun:#a86a00;color:var(--vp-ink);font-family:var(--font-sans);font-size:15px}@media (prefers-color-scheme:dark){.vp{--vx:#ff7b7f;--vy:#4cd68a;--vz:#8aa4ff;--vpos:#ffc24d;--vair:#ff9a5c;--vwind:#4fd2f0;--vground:#c49bff;--vn:#4fe0cf;--vsun:#ffc24d}}.vp *,.vp :before,.vp :after{box-sizing:border-box}.vp [hidden]{display:none!important}.vp-app{border-top:1px solid var(--vp-rule);border-bottom:1px solid var(--vp-rule);grid-template-columns:minmax(0,1fr) minmax(340px,430px);height:max(560px,100svh - 72px);display:grid}.vp-stage{background:var(--scene-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.vp-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.vp-stage canvas.dragging{cursor:grabbing}.vp-stage canvas.can-grab{cursor:pointer}.vp-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vp .tag{white-space:nowrap;font-family:var(--font-mono);color:var(--vp-ink);background:var(--vp-tag-bg);border:1px solid var(--vp-ink);will-change:transform;border-radius:2px;padding:2px 6px;font-size:12px;line-height:1.25;position:absolute;top:0;left:0}.vp .tag.plain{border:0;padding:1px 6px;font-weight:600}.vp .tag.city{font-family:var(--font-sans);font-weight:500}.vp .tag.hot{border-width:2px;font-weight:600}.vp .tag b{font-weight:600}.vp .cx{color:var(--vx)}.vp .cy{color:var(--vy)}.vp .cz{color:var(--vz)}.vp .cpos{color:var(--vpos)}.vp .cair{color:var(--vair)}.vp .cwind{color:var(--vwind)}.vp .cground{color:var(--vground)}.vp .cn{color:var(--vn)}.vp .csun{color:var(--vsun)}.vp-fade{background:var(--scene-bg);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.vp-fade.on{opacity:1}.vp-loading{color:var(--vp-muted);place-items:center;margin:0;font-size:14px;display:grid;position:absolute;inset:0}.vp-welcome{background:var(--vp-surface);border:1px solid var(--vp-ink);border-radius:3px;width:min(380px,100% - 32px);padding:18px 20px 16px;position:absolute;bottom:16px;left:16px}.vp-welcome h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 6px;font-size:22px;font-weight:600}.vp-welcome p{color:var(--vp-ink-2);margin:0 0 14px;line-height:1.5}.vp-row{flex-wrap:wrap;gap:10px;display:flex}.vp-welcome p.vp-blink{font-family:var(--font-mono);color:var(--vp-accent);margin:12px 0 0;font-size:12px;animation:1.2s steps(2,start) infinite vp-blink}@keyframes vp-blink{to{visibility:hidden}}.vp-caption{background:var(--vp-tag-bg);border-left:3px solid var(--vp-accent);max-width:min(380px,100% - 32px);padding:8px 12px;font-size:14px;line-height:1.45;position:absolute;top:16px;left:16px}.vp-caption .shot{font-family:var(--font-mono);color:var(--vp-muted);margin-bottom:3px;font-size:11px;display:block}.vp-toast{background:var(--vp-ink);width:max-content;max-width:calc(100% - 32px);color:var(--vp-bg);opacity:0;pointer-events:none;border-radius:2px;padding:9px 14px;font-size:14px;line-height:1.4;transition:opacity .25s,transform .25s;position:absolute;top:16px;left:50%;transform:translate(-50%)}.vp-toast.show{opacity:1;transform:translate(-50%)translateY(4px)}.vp-tools{gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.vp-fine-stage{color:var(--vp-muted);max-width:50%;margin:0;font-size:11px;position:absolute;bottom:14px;left:16px}.vp-err{text-align:center;background:var(--scene-bg);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.vp-err>div{flex-direction:column;align-items:center;gap:10px;max-width:34em;display:flex}.vp-err p{margin:0;line-height:1.5}.vp button{font:500 14px/1 var(--font-sans);color:var(--vp-ink);background:var(--vp-surface);border:1px solid var(--vp-ink);cursor:pointer;border-radius:2px;min-height:40px;padding:9px 13px}.vp button:hover{background:var(--vp-subtle)}.vp button:focus-visible,.vp input:focus-visible,.vp summary:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}.vp button.vp-primary,.vp button.primary{background:var(--vp-ink);color:var(--vp-bg)}.vp button.vp-primary:hover,.vp button.primary:hover{background:var(--vp-ink-2)}.vp button[aria-pressed=true]{background:var(--vp-accent);border-color:var(--vp-accent);color:var(--vp-accent-ink)}.vp button.pulse{animation:1.6s ease-in-out infinite vp-pulse}@keyframes vp-pulse{0%,to{outline:0 solid var(--vp-accent)}50%{outline:3px solid var(--vp-accent-wash)}}.vp button:disabled{opacity:.45;cursor:default}.vp-lesson{border-left:1px solid var(--vp-rule);background:var(--vp-surface);flex-direction:column;gap:18px;min-height:0;padding:22px 24px 28px;display:flex;overflow:auto}.vp .vp-eyebrow,.vp .eyebrow{color:var(--vp-muted);margin:0;font-size:13px;font-weight:500}.vp-lesson h1{letter-spacing:-.015em;margin:4px 0 0;font-size:26px;font-weight:600;line-height:1.15}.vp-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:14px;display:grid}.vp-steps button{border-color:var(--vp-rule);flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:6px 2px 7px;font-size:12px;display:flex}.vp-steps button .n{font-family:var(--font-mono);color:var(--vp-muted);font-size:11px}.vp-steps button[aria-current=step]{border-color:var(--vp-ink);background:var(--vp-subtle)}.vp-steps button.done .n:after{content:" ✓";color:var(--vp-accent)}.vp-chapter{flex-direction:column;gap:14px;display:flex}.vp-chapter h2{text-wrap:balance;margin:0;font-size:20px;font-weight:600;line-height:1.25}.vp-chapter p{color:var(--vp-ink-2);max-width:62ch;margin:0;line-height:1.55}.vp .math{font-family:var(--font-mono);background:var(--vp-subtle);border:1px solid var(--vp-rule);font-variant-numeric:tabular-nums;border-radius:2px;padding:10px 12px;font-size:13px;line-height:1.7;overflow-x:auto}.vp .math .k{color:var(--vp-muted)}.vp .math .row{white-space:nowrap}.vp .math .row.wrap{white-space:normal}.vp .ctrls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vp .slider{color:var(--vp-ink-2);grid-template-columns:9.5em minmax(0,1fr) 3.2em;align-items:center;gap:10px;width:100%;font-size:13px;display:grid}.vp .slider output{font-family:var(--font-mono);text-align:right;color:var(--vp-ink);font-size:12px}.vp input[type=range]{width:100%;accent-color:var(--vp-accent);min-height:28px}.vp .chips{flex-wrap:wrap;gap:6px;display:flex}.vp .chips button{border-color:var(--vp-rule);min-height:34px;padding:6px 10px;font-size:13px}.vp .tasks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vp .tasks li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;font-size:14px;line-height:1.45;display:grid}.vp .tasks li:before{content:"";border:1.5px solid var(--vp-ink);border-radius:2px;width:16px;height:16px;margin-top:2px}.vp .tasks li.done:before{content:"✓";background:var(--vp-accent);border-color:var(--vp-accent);color:var(--vp-accent-ink);text-align:center;font-size:12px;font-weight:700;line-height:14px}.vp .tasks li.done{color:var(--vp-muted)}.vp .tasks-h{color:var(--vp-muted);margin:4px 0 -4px;font-size:13px;font-weight:600}.vp details{border-top:1px solid var(--vp-rule);padding-top:10px}.vp summary{cursor:pointer;font-size:14px;font-weight:500}.vp details>:not(summary){margin-top:8px}.vp .meter{grid-template-columns:repeat(4,1fr);gap:2px;margin-top:4px;display:grid}.vp .meter span{text-align:center;border:1px solid var(--vp-rule);padding:6px 2px;font-size:11px}.vp .meter span.on{border-color:var(--vp-ink);background:var(--vp-accent-wash);font-weight:600}.vp .rank{border-collapse:collapse;width:100%;font-size:13px}.vp .rank td{border-top:1px solid var(--vp-rule);vertical-align:middle;padding:5px 4px}.vp .rank td.num{font-family:var(--font-mono);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.vp .rank tr.win td{font-weight:600}.vp .rank td.name{min-width:8.5em}.vp .rank .vec{font-family:var(--font-mono);color:var(--vp-muted);white-space:nowrap;font-size:11px;font-weight:400;display:block}.vp .rank td.barcell{width:34%}.vp .rank .bar{background:var(--vp-rule);min-width:50px;height:6px;position:relative}.vp .rank .bar i{background:var(--vp-ink-2);position:absolute;top:0;bottom:0;left:0}.vp .rank tr.win .bar i{background:var(--vp-accent)}.vp .rank-wrap{overflow-x:auto}.vp .takeaway{border-left:3px solid var(--vp-accent);color:var(--vp-ink);padding:6px 0 6px 12px;font-weight:500;line-height:1.5}.vp-lfoot{justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px;display:flex}.vp .vp-fine,.vp .fine{color:var(--vp-muted);margin:0;font-size:12px;line-height:1.5}.vp .vp-fine a{color:inherit}.vp .copybox{width:100%;min-height:9em;font:12px/1.5 var(--font-mono);background:var(--vp-subtle);color:var(--vp-ink);border:1px solid var(--vp-rule);padding:8px}.vp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=860px){.vp-app{grid-template-rows:52svh auto;grid-template-columns:minmax(0,1fr);height:auto}.vp-stage{z-index:1;border-bottom:1px solid var(--vp-rule);position:sticky;top:0}html:has(.vp-app){scroll-padding-top:calc(52svh + 12px)}.vp-lesson{border-left:0;border-top:1px solid var(--vp-rule);gap:14px;padding:16px 16px 24px;overflow:visible}.vp-lesson h1{font-size:21px}.vp-welcome{padding:14px 16px 12px;bottom:12px}.vp-welcome h2{margin-bottom:10px;font-size:18px}.vp-welcome p{display:none}.vp-welcome p.vp-blink{display:block}.vp-caption{font-size:13px;top:10px;left:10px}.vp-fine-stage{display:none}.vp .slider{grid-template-columns:7.5em minmax(0,1fr) 3em}}.vp.vp-still .vp-welcome p.vp-blink,.vp.vp-still button.pulse{animation:none}@media (width<=440px){.vp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.vp-welcome p.vp-blink,.vp button.pulse{animation:none}.vp-fade,.vp-toast{transition:none}}