@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.0h2amv7e1wlhq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.0lwj123ije5i..woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_a3895bb2-module__lzD-WW__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_a3895bb2-module__lzD-WW__variable{--font-display:"Bebas Neue", "Bebas Neue Fallback"}
@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9bd7381a27f2960-s.p.0nt9ayxdmqydo.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono Fallback;src:local(Arial);ascent-override:73.06%;descent-override:19.98%;line-gap-override:0.0%;size-adjust:121.13%}.share_tech_mono_2636a74e-module__tJ1SRW__className{font-family:Share Tech Mono,Share Tech Mono Fallback;font-style:normal;font-weight:400}.share_tech_mono_2636a74e-module__tJ1SRW__variable{--font-mono:"Share Tech Mono", "Share Tech Mono Fallback"}
:root{--bg:#090909;--surface:#101010;--surface-strong:#151515;--border:#242424;--accent:#e8ff3a;--accent-2:#7f8f22;--accent-3:#37e7ff;--text:#f2f2f2;--muted:#747474;--dim:#4d4d4d;--glow:0 0 28px #e8ff3a52}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #ffffff0b, transparent 32rem), radial-gradient(circle at bottom right, #e8ff3a0b, transparent 34rem), linear-gradient(120deg, #060606 0%, #0a0a0a 48%, #030303 100%), var(--bg);font-family:var(--font-mono), monospace;cursor:crosshair;overflow-x:hidden}body:before{content:"";z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000024 2px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.shell{width:min(100%,980px);margin:0 auto;padding:24px 28px 44px}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.logo{font-family:var(--font-display), sans-serif;color:var(--accent);white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.logo-mark{border:2px solid var(--accent);background:linear-gradient(#191919,#080808);border-bottom-width:6px;width:48px;height:36px;position:relative;box-shadow:0 0 20px #e8ff3a3d}.logo-mark:before{content:"";background:var(--accent-3);border-radius:999px;height:4px;position:absolute;top:11px;left:10px;right:10px}.logo-mark span{background:var(--accent);border-radius:999px;height:4px;position:absolute;bottom:9px;left:9px;right:9px}.logo-text{letter-spacing:.16em;text-transform:uppercase;gap:1px;font-size:1.18rem;line-height:.86;display:grid}.logo-text span:first-child{color:var(--text)}.logo-text span:last-child{color:var(--accent);text-shadow:var(--glow)}.tool-nav{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.tool-nav a{border:1px solid var(--border);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;background:#111c;padding:9px 11px;font-size:.66rem;transition:border-color .16s,color .16s,background .16s}.tool-nav a:hover,.tool-nav a.active{color:var(--text);background:#e8ff3a14;border-color:#e8ff3ab3}.hero{text-align:center;justify-items:center;gap:18px;padding:8px 0 18px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.28em;text-transform:uppercase;font-size:.7rem}.hero h1{max-width:820px;font-family:var(--font-display), sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(4rem,11vw,8.6rem);font-weight:400;line-height:.84}.hero h1 span{color:var(--accent);text-shadow:var(--glow)}.subline{max-width:650px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;line-height:1.8}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.stat-box{border:1px solid var(--border);background:linear-gradient(#151515f2,#0d0d0df2);min-height:94px;padding:15px 17px;position:relative;overflow:hidden}.stat-box:before{content:"";background:var(--accent);opacity:.72;height:2px;position:absolute;inset:0 0 auto}.stat-label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:.62rem}.stat-value{font-family:var(--font-display), sans-serif;color:var(--accent);letter-spacing:.05em;text-shadow:var(--glow);font-size:2.5rem;line-height:.9}.stat-sub{color:var(--dim);margin-top:6px;font-size:.66rem}.timer-block{margin:10px 0 18px}.timer-header{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.65rem;display:flex}.timer-track{border:1px solid var(--border);background:#050505;height:10px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--accent), #a7bd24, #65711a);width:100%;height:100%;box-shadow:var(--glow);transition:width .1s linear}.mode-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.mode-btn,.reset-btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;padding:0 14px;font-size:.72rem;transition:transform .12s,border-color .12s,color .12s,background .12s}.mode-btn:hover,.mode-btn.active,.reset-btn:hover{border-color:var(--accent);color:var(--text);background:#e8ff3a14}.mode-btn:active,.reset-btn:active{transform:translateY(1px)}.custom-time-row{border:1px solid var(--border);background:#0c0c0cc7;grid-template-columns:auto minmax(120px,180px) 1fr;align-items:center;gap:10px;margin-bottom:18px;padding:10px 12px;display:grid}.custom-time-row label,.custom-time-row span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem}.custom-time-row input{border:1px solid var(--border);width:100%;min-height:36px;color:var(--accent);font-family:var(--font-mono), monospace;letter-spacing:.12em;background:#060606;outline:none;padding:0 10px;font-size:.86rem}.custom-time-row input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e8ff3a14}.click-zone{border:1px solid var(--border);background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/28px 28px,linear-gradient(0deg,#ffffff09 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle,#e8ff3a1f,#0000 60%),#0c0c0c;place-items:center;min-height:238px;display:grid;position:relative;overflow:hidden}.spacebar-key{z-index:2;border:2px solid var(--accent);width:min(86%,660px);min-height:104px;color:var(--accent);box-shadow:var(--glow), inset 0 -14px 30px #0000005c;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#1b1b1b,#090909);border-bottom-width:8px;place-items:center;transition:transform 80ms,border-bottom-width 80ms,box-shadow 80ms;display:grid;position:relative}.spacebar-key.pressed{border-bottom-width:3px;transform:translateY(5px);box-shadow:0 0 16px #e8ff3a42,inset 0 -8px 22px #0006}.key-label{font-family:var(--font-display), sans-serif;letter-spacing:.14em;font-size:clamp(2.2rem,8vw,4.8rem);line-height:1}.key-hint{color:var(--muted);letter-spacing:.18em;text-align:center;text-transform:uppercase;margin-top:6px;font-size:.65rem}.ripple{border:2px solid var(--accent);pointer-events:none;border-radius:50%;width:24px;height:24px;animation:.52s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)}.float-num{z-index:60;color:var(--accent);font-family:var(--font-display), sans-serif;pointer-events:none;text-shadow:var(--glow);font-size:2rem;animation:.68s ease-out forwards floatUp;position:fixed}.count-pop{animation:.12s ease-out pop}.bottom-grid{grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--border);background:#0f0f0fe6;padding:17px}.panel-title{color:var(--accent);font-family:var(--font-display), sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:1.45rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel-heading .panel-title{margin-bottom:0}.clear-history-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#0a0a0a;min-height:32px;padding:0 10px;font-size:.6rem;transition:border-color .12s,color .12s,background .12s}.clear-history-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:#e8ff3a14}.clear-history-btn:disabled{cursor:not-allowed;opacity:.42}.history-list,.tool-list{flex-wrap:wrap;gap:8px;display:flex}.history-chip,.tool-chip{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#0a0a0a;padding:8px 10px;font-size:.68rem}.history-chip.best,.tool-chip.active{border-color:var(--accent);color:var(--accent)}.reset-btn{width:100%;margin-top:12px}.content-shell{grid-template-columns:1.1fr .9fr;gap:12px;width:min(100%,980px);margin:0 auto;padding:0 28px 56px;display:grid}.guide-panel,.faq-panel{border:1px solid var(--border);background:#0c0c0ce6;padding:24px}.guide-kicker{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px;font-size:.66rem}.guide-panel h2,.faq-panel h2{color:var(--text);font-family:var(--font-display), sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:.95}.guide-panel p:not(.guide-kicker),.faq-panel details p{color:#a5a5a5;font-size:.86rem;line-height:1.8}.guide-panel p+p{margin-top:12px}.faq-list{gap:8px;display:grid}.faq-panel details{border:1px solid var(--border);background:#090909;padding:13px 14px}.faq-panel summary{color:var(--text);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.faq-panel details p{margin-top:10px}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.8;width:24px;height:24px}to{opacity:0;width:180px;height:180px}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-44px)}}@media (max-width:760px){.shell{padding:20px 16px 36px}.site-header{flex-direction:column;align-items:flex-start}.tool-nav{justify-content:flex-start}.stats-row,.mode-row,.custom-time-row,.bottom-grid,.content-shell{grid-template-columns:1fr 1fr}.custom-time-row,.bottom-grid{grid-template-columns:1fr}.content-shell{grid-template-columns:1fr;padding:0 16px 42px}.click-zone{min-height:210px}}@media (max-width:520px){.stats-row,.mode-row{grid-template-columns:1fr}.hero h1{font-size:clamp(3.3rem,17vw,5rem)}.spacebar-key{width:92%}}