:root{--pd-bg:#0a0a0a;--pd-fg:#e5e5e5;--pd-muted:#8a8a8a;--pd-line:#ffffff26;--pd-line-strong:#fff6;--pd-panel:#0a0a0aeb;--pd-accent:#c5fb45;--pd-cyan:#45f0fb;--pd-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pd-gap:.75rem;--pd-radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background-color:var(--pd-bg);height:100%;margin:0;overflow:hidden}body{color:var(--pd-fg);font-family:var(--pd-mono);letter-spacing:.1em;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;font-size:.7rem}.pd-app{grid-template-columns:minmax(0,1fr) minmax(320px,40%);height:100%;display:grid;position:relative}.pd-map,.pd-pend{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.pd-map{cursor:crosshair}.pd-pend{border-left:1px solid var(--pd-line);background:#0a0a0abf}.pd-canvas,.pd-overlay,.pd-trail,.pd-arms{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pd-split{display:none}.pd-overlay{pointer-events:none}.pd-brand,.pd-bar,.pd-status,.pd-readout,.pd-learn{border:1px solid var(--pd-line);border-radius:var(--pd-radius);background:var(--pd-panel)}.pd-btn{border:1px solid var(--pd-line);min-width:2.25rem;height:2.25rem;color:var(--pd-fg);font:inherit;letter-spacing:.1em;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:7px;padding:0 .8rem;transition:border-color .15s,color .15s,background-color .15s}.pd-btn:hover{border-color:var(--pd-line-strong)}.pd-btn:active{background-color:#ffffff14}.pd-btn:focus-visible{outline:1px solid var(--pd-accent);outline-offset:1px}.pd-btn:disabled{opacity:.35;cursor:default}.pd-btn[aria-pressed=true],.pd-btn-primary{border-color:var(--pd-accent);color:var(--pd-accent)}.pd-btn-square{padding:0;font-size:1.05rem}.pd-brand{top:var(--pd-gap);left:var(--pd-gap);align-items:center;gap:.75rem;padding:.35rem .35rem .35rem .85rem;display:flex;position:absolute}.pd-brand-name{font-size:inherit;letter-spacing:.14em;margin:0;font-weight:400}.pd-bar{gap:.35rem;padding:.35rem;display:flex;position:absolute}.pd-bar-map{bottom:var(--pd-gap);left:var(--pd-gap)}.pd-bar-pend{bottom:var(--pd-gap);left:50%;translate:-50%}.pd-status{top:var(--pd-gap);right:var(--pd-gap);max-width:calc(100% - 2 * var(--pd-gap));box-sizing:border-box;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;margin:0;padding:.5rem .75rem;display:flex;position:absolute}.pd-status[hidden],.pd-status>:empty{display:none}.pd-status-hint{color:var(--pd-muted)}.pd-map[data-failed] .pd-status{left:var(--pd-gap);color:var(--pd-accent);align-items:center;bottom:50%}.pd-scrub{bottom:calc(var(--pd-gap) * 2 + 3.1rem);left:var(--pd-gap);width:min(26rem, calc(100% - 2 * var(--pd-gap)));box-sizing:border-box;border:1px solid var(--pd-line);border-radius:var(--pd-radius);background:var(--pd-panel);align-items:center;gap:.6rem;padding:.35rem .75rem .35rem .35rem;display:flex;position:absolute}.pd-scrub-text{text-align:right;font-variant-numeric:tabular-nums;min-width:6.5rem}.pd-slider{--track:linear-gradient(90deg, #120f26, #2b3080 25%, #2b99ad 50%, #c5fa45 75%, #ffffe6);cursor:pointer;appearance:none;touch-action:none;background:0 0;flex:1;min-width:0;height:2.25rem;margin:0}.pd-scrub[data-mode=arm] .pd-slider{--track:linear-gradient(90deg, #3c3c3c, #dcdcdc)}.pd-slider::-webkit-slider-runnable-track{background:var(--track);border-radius:3px;height:6px}.pd-slider::-moz-range-track{background:var(--track);border-radius:3px;height:6px}.pd-slider::-webkit-slider-thumb{border:2px solid var(--pd-bg);background:var(--pd-fg);appearance:none;border-radius:50%;width:14px;height:14px;margin-top:-4px}.pd-slider::-moz-range-thumb{border:2px solid var(--pd-bg);background:var(--pd-fg);border-radius:50%;width:10px;height:10px}.pd-slider:focus-visible{outline:1px solid var(--pd-accent);outline-offset:2px}.pd-legend{flex-wrap:wrap;justify-content:flex-end;gap:.3rem .8rem;display:flex}.pd-legend[hidden]{display:none}.pd-legend span:before{content:"";background:var(--swatch);border-radius:2px;width:8px;height:8px;margin-right:.4em;display:inline-block}.pd-readout{top:var(--pd-gap);left:var(--pd-gap);pointer-events:none;gap:.3rem;margin:0;padding:.55rem .75rem;display:grid;position:absolute}.pd-readout:empty{display:none}.pd-readout div{gap:.75rem;display:flex}.pd-readout dt{width:3.5rem;color:var(--pd-muted)}.pd-readout dd{font-variant-numeric:tabular-nums;margin:0}.pd-learn{background:var(--pd-bg);top:calc(var(--pd-gap) * 2 + 3rem);left:var(--pd-gap);z-index:2;width:min(380px, calc(100% - 2 * var(--pd-gap)));max-height:calc(100% - var(--pd-gap) * 4 - 6rem);box-sizing:border-box;flex-direction:column;gap:.75rem;padding:.9rem;display:flex;position:absolute}.pd-learn[hidden]{display:none}.pd-learn-head,.pd-learn-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pd-learn-count{color:var(--pd-muted)}.pd-learn-title{letter-spacing:.14em;color:var(--pd-accent);margin:0;font-size:.85rem;font-weight:400}.pd-learn-body{letter-spacing:0;overscroll-behavior:contain;min-height:0;font-family:system-ui,sans-serif;font-size:.85rem;line-height:1.5;overflow-y:auto}.pd-learn-body p{margin:0 0 .7em}.pd-learn-body math{margin:.4em 0 .8em;font-size:1.05em}.pd-learn-try{color:var(--pd-cyan);margin:0}.pd-learn-try[hidden]{display:none}.pd-learn-dots{gap:.1rem;display:flex}.pd-learn-dot{cursor:pointer;background:0 0;border:0;width:1.1rem;height:2.25rem;padding:0;position:relative}.pd-learn-dot:before{content:"";background:var(--pd-line-strong);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;translate:-50% -50%}.pd-learn-dot[aria-current=true]:before{background:var(--pd-accent)}@media (width<=760px){.pd-app{grid-template-columns:1fr;grid-template-rows:minmax(0, var(--split,55%)) minmax(0, 1fr)}.pd-split{top:var(--split,55%);z-index:3;cursor:row-resize;touch-action:none;outline:none;height:1.5rem;display:block;position:absolute;left:0;right:0;translate:0 -50%}.pd-split:before{content:"";background:var(--pd-line-strong);border-radius:2px;width:3rem;height:4px;transition:background-color .15s,width .15s;position:absolute;top:50%;left:50%;translate:-50% -50%}.pd-split[data-active]:before,.pd-split:focus-visible:before{background:var(--pd-accent);width:4.5rem}.pd-pend{border-top:1px solid var(--pd-line);border-left:0}.pd-bar-map{bottom:calc(var(--pd-gap) + .5rem)}.pd-scrub{bottom:calc(var(--pd-gap) * 2 + 3.6rem)}.pd-readout{top:calc(var(--pd-gap) + .5rem)}:root{--pd-gap:.5rem}.pd-brand{padding-left:.65rem}.pd-bar-map .pd-btn:nth-child(-n+2),.pd-bar-map .pd-btn:last-child{display:none}.pd-status{top:calc(var(--pd-gap) * 2 + 2.95rem)}.pd-status-hint{display:none}.pd-bar-pend{width:max-content;max-width:calc(100% - 2 * var(--pd-gap));overflow-x:auto}.pd-learn{top:auto;bottom:var(--pd-gap);width:calc(100% - 2 * var(--pd-gap));max-height:max(40%, calc(100% - var(--split,55%) - 2 * var(--pd-gap)))}}@media (prefers-reduced-motion:reduce){.pd-btn{transition:none}}