:root{color:#e2e8f0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1220;font-family:Inter,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1024px;margin:auto;padding:32px}nav{flex-wrap:wrap;gap:12px 24px;margin-bottom:40px;display:flex}a{color:#5eead4;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #5eead4}h1{margin:8px 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.2}h2{font-size:20px}header{max-width:720px;margin-bottom:32px}.eyebrow{color:#5eead4;letter-spacing:.12em;font-size:12px}.hint,header>p:last-child,footer{color:#aab8ca}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{color:inherit;background:#111c2e;border:1px solid #34435a;border-radius:12px;padding:24px;text-decoration:none;display:block}.card h2{margin-top:0}.card p{color:#aab8ca}.card span{color:#5eead4}.card:hover{border-color:#5eead4}.preview{background:#111c2e;border:1px solid #34435a;border-radius:12px;margin-bottom:32px;padding:20px}#chart{aspect-ratio:1;background:#fff;width:100%;max-width:520px;margin:0 auto 24px}button,select{font:inherit;color:inherit;background:#17253b;border:1px solid #52627a;border-radius:6px;padding:8px 14px}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px;background-origin:padding-box;background-clip:padding-box;min-width:0;max-width:100%;min-height:36px;padding-right:36px;line-height:1.4}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}input[type=range]{accent-color:#5eead4;width:min(240px,100%)}label,.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}output{font-variant-numeric:tabular-nums;margin:16px 0;display:block}pre{background:#080e19;border:1px solid #34435a;border-radius:8px;padding:20px;font-size:13px;line-height:1.65;overflow:auto}summary{cursor:pointer}footer{margin-top:32px}@media (width<=600px){main{padding:20px 16px}.cards{grid-template-columns:1fr}.preview{padding:12px}nav{margin-bottom:28px}}