:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#050505;--surface:#090909;--surface-raised:#0d0d0d;--surface-hover:#121212;--border:#1a1a1a;--border-strong:#262626;--border-hover:#363636;--text:#ededed;--text-secondary:#a3a3a3;--accent:#8f2020;--accent-active:#b52a2a;--accent-text:#e08585;--accent-soft:#140a0a;--accent-border:#542222;--focus:#e04848;--radius:10px;--field-radius:7px;--control-height:2.75rem;--content:min(58rem, 100% - 2rem);--font-ui:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-measure:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--motion-fast:.12s;--motion-standard:.2s}:root[data-motion=off]{--motion-fast:0s;--motion-standard:0s}:root[data-motion=off] .fx{display:none!important}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition:none!important;animation:none!important}*,:before,:after{box-sizing:border-box}html{background:var(--page);scrollbar-color:var(--border-hover) var(--page);scroll-padding-top:4.5rem}body{min-height:100vh;color:var(--text);font:400 1rem/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}::selection{background:var(--accent);color:#fff}input{caret-color:var(--accent-text)}output,dd,.stage__value,.hud__value,.result,.key{font-variant-numeric:tabular-nums}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:#fff;border-radius:var(--field-radius);z-index:30;padding:.5rem .75rem;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient__scan{background:repeating-linear-gradient(#0000 0 3px,#ffffff03 3px 4px);position:absolute;inset:0}.topbar{z-index:20;border-bottom:1px solid var(--border);background:#050505f0;justify-content:flex-end;align-items:center;gap:1rem;padding:.6rem max(1rem,50% - 29rem);display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.4vw,1.75rem);font-weight:800}.wordmark .accent{color:var(--accent-active)}.hud{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);display:flex;overflow:hidden}.hud__item{background:0 0;border:0;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 .85rem;font-size:.8125rem;display:flex}.hud__item+.hud__item{border-left:1px solid var(--border-strong)}.hud__button{transition:background-color var(--motion-fast) var(--ease)}.hud__button:hover{background:var(--surface-hover)}.hud__label{color:var(--text-secondary);letter-spacing:.08em;font-size:.6875rem;font-weight:700}.hud__value{min-width:3ch;font-family:var(--font-measure)}#quick-scan[data-scanning=true] .hud__value{color:var(--accent-text)}.hud__state:before{content:"OFF";color:var(--text-secondary)}#motion-toggle[aria-pressed=true] .hud__state:before{content:"ON";color:var(--accent-text)}.hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 1px 1px, #ffffff0b 1px, transparent 1.5px) 0 0 / 16px 16px, radial-gradient(ellipse 38rem 22rem at 66% 42%, #8f202038, transparent 70%), var(--page);align-items:end;min-height:clamp(26rem,64vh,42rem);display:grid;position:relative;overflow:hidden}.hero__field{touch-action:pan-y;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:linear-gradient(to top, var(--page) 0%, transparent 34%), linear-gradient(to right, #050505e6 0%, #05050573 38%, transparent 62%);position:absolute;inset:0}.hero__content{z-index:1;width:var(--content);pointer-events:none;margin:0 auto;padding:0 0 3.25rem;position:relative}.hero__content a{pointer-events:auto}.wordmark--hero{letter-spacing:-.04em;font-size:clamp(3.25rem,10.5vw,8.25rem);font-weight:900;line-height:.88}.hero__tagline{max-width:34ch;color:var(--text-secondary);margin:1.1rem 0 0;font-size:clamp(1rem,1.6vw,1.1875rem)}.hero__nav{flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1.8rem;display:flex}.hero__nav a{color:var(--text);font-family:var(--font-measure);letter-spacing:.14em;text-transform:uppercase;padding:.35rem 0;font-size:.75rem;font-weight:700;text-decoration:none;position:relative}.hero__nav a:after{content:"";background:var(--accent-active);transform-origin:0;height:1px;transition:transform var(--motion-standard) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.25)}.hero__nav a:hover,.hero__nav a:focus-visible{color:var(--accent-text)}.hero__nav a:hover:after,.hero__nav a:focus-visible:after{transform:scaleX(1)}.hero__hint{z-index:1;color:var(--text-secondary);font-family:var(--font-measure);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;margin:0;font-size:.6875rem;position:absolute;top:1.25rem;right:max(1rem,50% - 29rem)}.panels,.site-footer{width:var(--content);margin-inline:auto}.panels{gap:.75rem;padding:2.5rem 0 1.5rem;display:grid}.panel{isolation:isolate;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, #0b0b0b, var(--surface));transition:border-color var(--motion-standard) var(--ease), box-shadow var(--motion-standard) var(--ease);position:relative}.panel:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-active), transparent);height:1px;transition:transform .5s var(--ease-out);pointer-events:none;position:absolute;top:-1px;left:1.25rem;right:1.25rem;transform:scaleX(0)}.panel:not(.is-open):hover{border-color:var(--border-strong)}.panel.is-open{border-color:var(--accent-border)}.panel.is-open:after{transform:scaleX(1)}.panel__heading{margin:0}.panel__toggle{text-align:left;background:0 0;border:0;width:100%;padding:1.15rem 3.5rem 1.15rem 2.75rem;display:grid;position:relative}.panel__toggle:before{content:"";background:var(--border-hover);width:7px;height:7px;transition:background-color var(--motion-standard) var(--ease);position:absolute;top:1.62rem;left:1.25rem}.panel.is-open .panel__toggle:before{background:var(--accent-active)}.panel__toggle:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:.5rem;height:.5rem;transition:transform var(--motion-standard) var(--ease-out);position:absolute;top:50%;right:1.4rem;transform:translateY(-70%)rotate(45deg)}.panel__toggle[aria-expanded=true]:after{border-color:var(--accent-text);transform:translateY(-30%)rotate(225deg)}.panel__toggle:hover .panel__title,.panel.is-open .panel__title{color:#fff}.panel__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.25}.panel__subtitle{color:var(--text-secondary);margin-top:.1rem;font-size:.875rem}.panel__body{padding:.25rem 1.25rem 1.4rem}.field{color:var(--text-secondary);gap:.35rem;font-size:.8125rem;display:grid}.field>input,.field>select,.result{height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--field-radius);background:var(--surface-raised);width:100%;color:var(--text);transition:border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);padding:0 .75rem;font-size:.9375rem}.field>input{font-family:var(--font-measure)}.field>input:hover,.field>select:hover{border-color:var(--border-hover)}.field>input:focus,.field>select:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #b52a2a26}.field>input[aria-invalid=true]{border-color:var(--accent-active)}.field>input:disabled{opacity:.6}.field--inline{align-items:center;gap:.5rem;display:flex}.field--inline>select{width:auto}.field>input.field__compact{width:6.5rem}.button,.chip,.icon-button,.segment{isolation:isolate;min-height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--field-radius);background:var(--surface-raised);font-family:var(--font-measure);letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), transform var(--motion-fast) var(--ease);padding:0 1rem;font-size:.71875rem;font-weight:700;position:relative;overflow:hidden}.button:after,.segment:after,.icon-button:after{content:"";z-index:-1;transition:transform var(--motion-standard) var(--ease-out);background:linear-gradient(90deg,#8f202047,#8f202014);position:absolute;inset:0;transform:translate(-101%)}.button:hover:not(:disabled):after,.segment:hover:not(:disabled):after,.icon-button:hover:not(:disabled):after{transform:translate(0)}.button:hover:not(:disabled),.chip:hover,.icon-button:hover:not(:disabled),.segment:hover:not(:disabled){border-color:var(--accent-border)}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(1px)}.button--centered{margin:.75rem auto 0;display:block}.chip[aria-pressed=true],.segment[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.chip{min-height:2rem;padding:0 .6rem}.icon-button{width:var(--control-height);place-items:center;padding:0;display:grid}.icon-button svg{transition:transform .4s var(--ease-out)}.icon-button:hover:not(:disabled) svg{transform:rotate(180deg)}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.toolbar--split{justify-content:space-between;margin:0 0 1rem}.toolbar__note{color:var(--text-secondary);font-family:var(--font-measure);font-size:.75rem}.segment:disabled{opacity:.45}.segmented{gap:.25rem;display:flex}.converter{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.side{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);gap:.75rem;margin:0;padding:1rem;display:grid}.side legend{font-family:var(--font-measure);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);padding:0 .35rem;font-size:.6875rem;font-weight:700}.converter__middle{justify-items:center;gap:.5rem;display:grid}.result{text-align:left;font-family:var(--font-measure);letter-spacing:0;text-transform:none;border-color:var(--accent-border);background:var(--accent-soft);font-size:1.3rem;font-weight:700}.result:disabled{opacity:1;color:var(--text-secondary);border-color:var(--border-strong);background:var(--surface-raised)}.is-flash{animation:flash .65s var(--ease-out)}@keyframes flash{0%{color:#fff;box-shadow:0 0 0 1px var(--accent-active), 0 0 22px #b52a2a8c;text-shadow:0 0 12px #ffa0a0cc}}.error{min-height:1.5em;color:var(--accent-text);margin:.75rem 0 0;font-size:.875rem}.metrics,.stats{gap:.5rem;margin:.5rem 0 0;display:grid}.metrics{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr);margin:1rem 0}.metrics>div,.stats>div{border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface-raised);padding:.75rem 1rem}dt{color:var(--text-secondary);font-family:var(--font-measure);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:700}dd{font-family:var(--font-measure);align-items:center;gap:.5rem;margin:.2rem 0 0;font-size:1.05rem;display:flex}.stage{isolation:isolate;border:1px solid var(--border-strong);border-radius:var(--radius);background:radial-gradient(circle at 1px 1px, #ffffff0d 1px, transparent 1.5px) 0 0 / 14px 14px, var(--surface-raised);text-align:center;-webkit-user-select:none;user-select:none;width:100%;transition:border-color var(--motion-standard) var(--ease);justify-items:center;gap:.35rem;padding:2.75rem 1rem;display:grid;position:relative;overflow:hidden}.stage.is-active,.stage[data-phase=running],.stage[data-phase=complete]{border-color:var(--accent-border);background:radial-gradient(circle at 1px 1px, #e0858517 1px, transparent 1.5px) 0 0 / 14px 14px, radial-gradient(ellipse at 50% 120%, #8f202059, transparent 70%), linear-gradient(180deg, #170808, var(--accent-soft))}.stage:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(#0000,#b52a2a29,#0000);height:30%;position:absolute;top:-30%;left:0;right:0}.stage.is-active:after,.stage[data-phase=running]:after{opacity:1;animation:2.2s linear infinite sweep}@keyframes sweep{to{transform:translateY(440%)}}.stage.is-best{border-color:var(--accent-active)}.stage.is-best .stage__value{color:var(--accent-text)}.stage:disabled{opacity:1;cursor:default}.stage__label,.stage__prompt,.stage__meta{font-family:var(--font-measure);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem}.stage__prompt{color:var(--text)}.stage__value{font-family:var(--font-measure);font-size:clamp(3rem,8vw,4.75rem);font-weight:700;line-height:1.1}.stage__value small{color:var(--text-secondary);margin-left:.35rem;font-size:.9rem}.stage__value.is-flash{animation:tick .35s var(--ease-out)}@keyframes tick{0%{color:#fff;text-shadow:0 0 18px #ff8c8cb3;transform:scale(1.04)}}.stage__chip:not(:empty){border:1px solid var(--accent-border);color:var(--accent-text);font-family:var(--font-measure);text-transform:uppercase;letter-spacing:.08em;border-radius:5px;padding:.15rem .5rem;font-size:.6875rem;position:absolute;top:.75rem;right:.75rem}.ripple{border:1px solid var(--accent-text);pointer-events:none;width:14rem;height:14rem;animation:ripple .7s var(--ease-out) forwards;border-radius:50%;margin:-7rem 0 0 -7rem;position:absolute}@keyframes ripple{0%{opacity:.9;transform:scale(.05)}to{opacity:0;transform:scale(1)}}.graph{border:1px solid var(--border);border-radius:var(--field-radius);background:linear-gradient(to bottom, transparent 0 calc(100% - 1px), var(--border) 0) 0 0 / 100% 25%, var(--surface-raised);width:100%;height:6rem;display:block}.graph__axis{stroke:var(--border-strong);stroke-width:1px}.graph__line{fill:none;stroke:var(--accent-active);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #b52a2ab3);transition:d .24s var(--ease-out)}.graph--rate,.cps-breakdown{margin-top:1rem}.stats--compact{margin:0 0 .75rem}.bars{border:1px solid var(--border);border-radius:var(--field-radius);background:var(--surface-raised);align-items:flex-end;gap:3px;height:4.5rem;padding:.5rem;display:flex}.bars__bar{height:calc(var(--h,0) * 100%);background:linear-gradient(to top, var(--accent), var(--accent-active));transform-origin:bottom;min-height:2px;animation:grow .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 35ms);border-radius:2px 2px 0 0;flex:1}@keyframes grow{0%{transform:scaleY(0)}}.note{color:var(--text-secondary);margin:.75rem 0 0;font-size:.8125rem}.tester-head{color:var(--text-secondary);font-family:var(--font-measure);justify-content:space-between;align-items:baseline;margin:.25rem 0 .5rem;font-size:.75rem;display:flex}.tester-head__meta{flex-wrap:wrap;justify-content:flex-end;gap:.25rem 1rem;display:flex}#last-key{color:var(--accent-text)}.tester-head h3{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem}.keyboard{gap:4px;margin-bottom:1.25rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.keyboard__row{min-width:40rem;display:flex}.key{--unit:calc(100% / 18.5);flex:0 0 calc(var(--w,1) * var(--unit) - 4px);margin-left:calc(var(--gap,0) * var(--unit));border:1px solid var(--border-strong);background:var(--surface-raised);height:2.25rem;color:var(--text-secondary);font-family:var(--font-measure);white-space:nowrap;transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out), box-shadow .5s var(--ease-out);border-radius:5px;place-items:center;margin-right:4px;font-size:.6875rem;display:grid;overflow:hidden}.key.is-tested{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.key.is-chatter{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.key.is-pressed{border-color:var(--accent-active);background:var(--accent);color:#fff;transition-duration:0s;box-shadow:0 0 16px #b52a2a99}.mouse{border:1px dashed var(--border-strong);border-radius:var(--radius);background:radial-gradient(circle at 1px 1px, #ffffff0a 1px, transparent 1.5px) 0 0 / 14px 14px, var(--surface);flex-wrap:wrap;gap:4px;padding:1rem;display:flex;position:relative;overflow:hidden}.key--mouse{flex:5rem;margin:0}.legend{color:var(--text-secondary);gap:1rem;margin:1rem 0 .75rem;padding:0;font-size:.75rem;list-style:none;display:flex}.legend li:before{content:"";border:1px solid var(--border-strong);background:var(--surface-raised);vertical-align:-1px;border-radius:2px;width:.65rem;height:.65rem;margin-right:.4rem;display:inline-block}.legend__pressed:before{background:var(--accent)!important}.legend__tested:before{background:var(--accent-soft)!important;border-color:var(--accent-border)!important}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-measure);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding:1.25rem 0 3rem;font-size:.6875rem;display:flex}.site-footer__void{color:var(--accent-text);text-decoration:none}.site-footer__void:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=40rem){.hero{min-height:clamp(24rem,72vh,34rem)}.hero:after{background:linear-gradient(to top, var(--page) 0%, #050505b3 38%, transparent 70%)}.hero__hint{display:none}.converter{grid-template-columns:1fr}.converter__middle{grid-auto-flow:column;justify-content:center}.stats{grid-template-columns:1fr 1fr}}