:root{--color-electric-lime:#beff50;--color-ink:#14140f;--color-canvas:#fff;--color-parchment:#f5f5eb;--color-ash:#d2d2c8;--color-graphite:#6e6e64;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-cards:28px;--radius-buttons:28px;--radius-inputs:8px;--radius-pills:9999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--color-parchment);color:var(--color-ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.5}.frame{grid-template-columns:minmax(0,640px);justify-content:center;gap:0 24px;padding:0 16px;display:grid}.sheet{flex-direction:column;gap:24px;width:100%;min-width:0;padding:32px 0 48px;display:flex}.updates{margin:0 0 48px;font-size:13px}.updates ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.updates li{border-top:1px solid var(--color-parchment);flex-direction:column;gap:2px;padding-top:12px;display:flex}.updates li:first-child{border-top:0;padding-top:0}.update-date{color:var(--color-graphite);font-size:11px}.update-title{font-weight:500}.update-note{color:var(--color-graphite)}@media (width>=1080px){.frame{grid-template-columns:minmax(0,640px) 280px}.updates{align-self:start;margin:32px 0 0;position:sticky;top:24px}}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);background:var(--color-ink);color:var(--color-parchment);border-radius:var(--radius-pills);white-space:nowrap;pointer-events:none;z-index:20;padding:5px 12px;font-size:11px;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.nav{background:var(--color-canvas);border-radius:var(--radius-pills);justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 24px;display:flex}.brand{color:var(--color-ink);align-items:center;display:inline-flex}.icon-link{align-items:center;padding:8px;display:inline-flex}.icon-link img{border-radius:4px;display:block;transform:scale(1.25)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--color-ink);border-radius:var(--radius-pills);padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s}.nav-links a:hover{background:var(--color-parchment)}.nav-links a{white-space:nowrap}@media (width<=480px){.nav{padding:8px 8px 8px 16px}.nav-links a{padding:8px;font-size:12px}}.landing{background:var(--color-parchment);cursor:pointer;text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:24px;display:flex;position:fixed;inset:0}.landing:focus-visible{outline:3px solid var(--color-ink);outline-offset:-6px}.landing-crosshair{color:var(--color-ink);animation:3s ease-in-out infinite breathe;display:inline-flex}.landing-crosshair svg{width:min(52vmin,340px);height:auto}.landing-text{max-width:900px;margin:0;font-size:clamp(26px,5vw,52px);font-weight:500;line-height:1.15}.landing-tip{background:var(--color-ink);color:var(--color-parchment);border-radius:var(--radius-pills);pointer-events:none;white-space:nowrap;z-index:11;padding:6px 14px;font-size:12px;font-weight:500;position:fixed;transform:translate(18px,22px)}.landing-tip-idle{top:auto;bottom:10%;left:50%;transform:translate(-50%)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.landing-crosshair{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-links .gh-link{padding:8px;display:inline-flex}.gh-link svg{width:22px;height:22px;display:block}.flow{flex-direction:column;gap:20px;display:flex}.card{background:var(--color-canvas);border-radius:var(--radius-cards);padding:clamp(24px,5vw,36px)}.eyebrow{color:var(--color-graphite);align-items:center;gap:10px;margin:0 0 16px;font-size:12px;font-weight:500;display:flex}.step-icon{background:var(--color-electric-lime);border:1.5px solid var(--color-ink);border-radius:var(--radius-pills);width:24px;height:24px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.field{flex-direction:column;gap:12px;display:flex}.field label{font-size:16px;font-weight:500}.field input[type=number]{background:var(--color-canvas);border:1px solid var(--color-ash);border-radius:var(--radius-inputs);color:#000;font-family:var(--font-mono);width:100%;padding:14px 16px;font-size:17px}.field input[type=number]:focus{outline:2px solid var(--color-ink);outline-offset:-1px}.field input[type=number]::placeholder{color:var(--color-graphite)}.field input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.field input[type=range]:focus{outline:none}.field input[type=range]:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px;border-radius:var(--radius-pills)}.field input[type=range]::-webkit-slider-runnable-track{background:var(--color-ash);border-radius:var(--radius-pills);height:4px}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-pills);background:var(--color-electric-lime);border:2px solid var(--color-ink);width:24px;height:24px;margin-top:-10px}.field input[type=range]::-moz-range-track{background:var(--color-ash);border-radius:var(--radius-pills);height:4px}.field input[type=range]::-moz-range-thumb{border-radius:var(--radius-pills);background:var(--color-electric-lime);border:2px solid var(--color-ink);width:20px;height:20px}.notch-labels{color:var(--color-graphite);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.notch-value{background:var(--color-ink);color:var(--color-parchment);border-radius:var(--radius-pills);margin-left:8px;padding:3px 12px;font-size:12px;font-weight:500}.error{color:var(--color-ink);border-left:2px solid var(--color-ink);margin:0;padding-left:12px;font-size:14px;font-weight:500}.curve{margin:0}.curve svg{width:100%;height:auto;display:block}.curve .axis{stroke:var(--color-ash);stroke-width:1px}.curve .plot{stroke:var(--color-ink);stroke-width:2px}.curve .ref{stroke:var(--color-ash);stroke-width:1px;stroke-dasharray:4 4}.curve .tick{font-family:var(--font-mono);fill:var(--color-graphite);font-size:10px}.curve .marker{font-family:var(--font-mono);fill:var(--color-ink);font-size:10px;font-weight:500}.curve .zone{font-family:var(--font-mono);fill:var(--color-graphite);font-size:9px}.curve .halfway{fill:var(--color-electric-lime);stroke:var(--color-ink);stroke-width:1.5px}.curve .gain{stroke:var(--color-graphite);stroke-width:1.2px;stroke-dasharray:5 4}.curve .grid{stroke:var(--color-parchment);stroke-width:1px}.curve .mouse{stroke:var(--color-graphite);stroke-width:1px;stroke-dasharray:2 5}.curve figcaption{color:var(--color-graphite);text-align:center;margin-top:16px;font-size:12px;font-weight:500}.result{background:var(--color-canvas);border-radius:var(--radius-cards);flex-direction:column;gap:16px;padding:clamp(24px,5vw,36px);display:flex}.result .eyebrow{margin:0;font-size:12px;line-height:1.33}.stats{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat dt{color:var(--color-graphite);font-size:11px}.stat dd{background:var(--color-electric-lime);white-space:nowrap;border-radius:4px;align-self:flex-start;margin:0;padding:1px 7px;font-size:17px;font-weight:500}.tips{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tips li{color:var(--color-graphite);border-left:2px solid var(--color-electric-lime);padding-left:12px;font-size:13px;line-height:1.5}.result button{background:var(--color-electric-lime);border-radius:var(--radius-buttons);color:var(--color-ink);cursor:pointer;font-family:var(--font-mono);border:none;width:100%;margin-top:4px;padding:16px 32px;font-size:16px;font-weight:500;transition:transform .12s}.result button:hover{transform:translateY(-2px)}.result button:active{transform:translateY(0)}.guide{background:var(--color-canvas);border-radius:var(--radius-cards);padding:clamp(24px,5vw,36px)}.guide h2{letter-spacing:normal;margin:0 0 14px;font-size:16px;font-weight:500}.guide ol{flex-direction:column;gap:8px;margin:0 0 14px;padding-left:22px;font-size:14px;display:flex}.guide ol li::marker{color:var(--color-graphite);font-weight:500}.guide .note{color:var(--color-graphite);margin:0;font-size:12px}code{background:var(--color-parchment);border:1px solid var(--color-ash);color:var(--color-ink);overflow-wrap:break-word;border-radius:4px;padding:1px 6px;font-size:.9em}.foot{color:var(--color-graphite);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 8px;font-size:12px;display:flex}.foot p{margin:0}.foot-mark{color:var(--color-graphite);margin-bottom:6px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.4s both rise}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}