:root{color-scheme:dark;--ink:#f3efdf;--gold:#f2d081;--mint:#8aefd0;--violet:#c5adff;--muted:#b3c4ca;--line:#8fb8b735}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 15% 0,#31594c55,transparent 55%),radial-gradient(ellipse at 100% 80%,#47356533,transparent 58%),#0b121b;color:var(--ink);font:13px/1.5 system-ui,sans-serif}main{max-width:1260px;margin:auto;padding:18px}header h1{font:500 clamp(22px,3vw,32px)/1.15 Georgia,serif;margin:5px 0 15px}.pv-eyebrow{font-size:9px;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin:0}.pv-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:17px}.pv-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 8px}.pv-tabs small{color:#d3b67c;font:10px ui-monospace,monospace}button{font:600 11px system-ui;cursor:pointer;color:var(--ink);border:1px solid #a8bfb440;background:linear-gradient(130deg,#30473c88,#182a34aa);padding:9px 13px;border-radius:10px;transition:border-color .3s,box-shadow .3s,color .3s}button:hover,button[aria-selected=true],button[aria-pressed=true]{color:#dcffed;border-color:#8ae9cba1;box-shadow:inset 0 1px #d6ffe431,inset 0 0 18px #8ceac116,0 0 17px #78dfb72a}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pv-story{max-width:1060px}.pv-story h2{font:500 clamp(21px,2.4vw,27px)/1.18 Georgia,serif;margin:0 0 9px;color:#fff0c7}.pv-story p{color:var(--muted);margin:0 0 13px}.pv-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pv-control{flex:1 1 155px;min-width:135px;background:linear-gradient(110deg,#b1d9bc0b,#78b9c609);border:1px solid var(--line);border-radius:10px;padding:8px 11px}.pv-control span{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}output{font-variant-numeric:tabular-nums}.pv-control output{color:var(--gold);white-space:nowrap}input[type=range]{display:block;width:100%;appearance:none;margin:13px 0 7px;height:5px;border:1px solid #bad8b42b;border-radius:7px;background:linear-gradient(90deg,#8d9763,#357568,#253a51);cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:1px solid #f3ffe1;border-radius:50%;background:#c7f4cb;box-shadow:0 0 10px #b6e4a588}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:1px solid #f3ffe1;border-radius:50%;background:#c7f4cb}.pv-stage{margin:0;border:1px solid #99d4bc66;border-radius:16px;overflow:hidden;background:#0a131c;box-shadow:0 14px 30px #0004,inset 0 1px #e3ffe42b}canvas{display:block;width:100%;height:355px;touch-action:none}#canvas-work{height:335px}#canvas-mis{height:350px}figcaption{font-size:11px;color:var(--muted);padding:12px 15px;border-top:1px solid var(--line)}.pv-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#7890873c}.pv-metrics>div{background:#172732;padding:10px 14px}.pv-metrics output{display:block;font-size:19px;color:var(--mint);font-weight:700}.pv-metrics span{font-size:10px;color:var(--muted)}.pv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.pv-toolbar>button:last-child{margin-left:auto}.pv-toolbar>span{color:var(--muted);font-size:10px}.pv-switch{display:flex;gap:7px;flex-wrap:wrap}.pv-boundary{padding:10px 13px;border:1px solid #bda7e835;background:#a78be809;border-radius:10px}.pv-boundary summary{font-size:11px;font-weight:600;color:#d7c1ff;cursor:pointer}.pv-boundary pre{font:11px/1.7 ui-monospace,monospace;white-space:pre-wrap;color:#dfceff}.pv-boundary p{font-size:11px;color:var(--muted)}.pv-tail-readout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.pv-tail-readout article{border:1px solid var(--line);border-left:3px solid var(--c);border-radius:9px;padding:9px 12px;background:#adcee907}.pv-tail-readout strong{color:var(--c);font-size:12px}.pv-tail-readout p{margin:4px 0 0;color:var(--muted);font-size:10px}.pv-tail-readout code{color:#deceff}@media(max-width:680px){#canvas-mis{height:465px}}@media(max-width:620px){main{padding:12px}.pv-tabs{grid-template-columns:1fr 1fr}.pv-tabs button{padding:9px}.pv-control{flex-basis:135px}.pv-metrics>div{padding:9px}.pv-metrics output{font-size:15px}canvas{height:330px}.pv-tail-readout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
*{scrollbar-width:thin;scrollbar-color:#637d69 #101c25}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#101c25}::-webkit-scrollbar-thumb{border:2px solid #101c25;border-radius:8px;background:linear-gradient(#8c9364,#4b806c)}::-webkit-scrollbar-thumb:hover{background:#9fbc87}::-webkit-scrollbar-corner{background:#101c25}