.ioc-spacebar-page{--space-line: var(--ioc-line);--space-deep: #11120f;--space-signal: #d9ff43}.ioc-spacebar-hero{padding:18px 0 34px;background:radial-gradient(circle at 88% 4%,rgba(217,255,67,.18),transparent 31%),var(--ioc-paper)}.ioc-spacebar-intro{margin-bottom:14px}.ioc-spacebar-intro .ioc-mono-label{display:inline-flex;align-items:center;gap:9px;color:var(--ioc-muted)}.ioc-spacebar-intro .ioc-mono-label svg{width:16px;height:16px;color:#769019}.ioc-spacebar-intro h1{margin:3px 0 0;font-size:clamp(2.25rem,3.6vw,3.7rem);line-height:1.05;letter-spacing:-.055em;word-spacing:.12em;font-weight:800}.ioc-spacebar-intro h1 span{color:#94b223}.ioc-spacebar-tool{border:1px solid var(--ioc-line-strong);background:var(--ioc-paper-2);box-shadow:10px 10px #11120f14}.ioc-spacebar-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:1px solid var(--space-line);flex-wrap:wrap}.ioc-spacebar-mode,.ioc-spacebar-durations{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.ioc-spacebar-mode button,.ioc-spacebar-durations button,.ioc-spacebar-actions button{appearance:none;border:1px solid var(--ioc-line-strong);background:transparent;color:var(--ioc-ink);cursor:pointer;font:700 .88rem IO Manrope,sans-serif;min-height:38px;padding:0 12px;transition:background .16s,color .16s,border-color .16s}.ioc-spacebar-mode button{display:inline-flex;align-items:center;gap:8px}.ioc-spacebar-mode button svg,.ioc-spacebar-actions button svg{width:16px;height:16px}.ioc-spacebar-mode button[aria-pressed=true],.ioc-spacebar-durations button[aria-pressed=true]{color:#11120f;background:var(--space-signal);border-color:#11120f;box-shadow:inset 0 -3px #11120f}.ioc-spacebar-mode button:hover,.ioc-spacebar-durations button:hover,.ioc-spacebar-actions button:hover{border-color:var(--ioc-ink)}.ioc-spacebar-durations>span{margin-right:9px;color:var(--ioc-muted);font:500 .72rem IO DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.ioc-spacebar-durations button{padding:0 10px;min-width:46px;font-family:IO DM Mono,monospace}.ioc-spacebar-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,310px);background:var(--space-deep);color:#f4f1e8}.ioc-spacebar-primary{min-width:0;padding:clamp(12px,1.5vw,20px)}.ioc-spacebar-readout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ioc-spacebar-readout>div{display:flex;flex-direction:column;border-bottom:1px solid #484b3f;padding:0 0 6px}.ioc-spacebar-readout span,.ioc-spacebar-stat>span{font:500 .73rem IO DM Mono,monospace;color:#aba99f;text-transform:uppercase;letter-spacing:.08em}.ioc-spacebar-readout strong{font-size:clamp(2.5rem,4.6vw,3.8rem);line-height:1;font-weight:800;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.ioc-spacebar-score-hit{animation:ioc-spacebar-score-pop .24s ease-out}.ioc-spacebar-readout strong small{font-size:.35em;margin-left:4px;color:var(--space-signal)}.ioc-spacebar-progress{height:5px;background:#424638;margin:10px 0 13px;overflow:hidden}.ioc-spacebar-progress span{display:block;height:100%;background:var(--space-signal);transition:width .04s linear}.ioc-spacebar-pad{appearance:none;width:100%;min-height:clamp(200px,20vw,250px);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 20px 30px;border:1px solid #697b34;background:radial-gradient(circle at 50% 38%,rgba(217,255,67,.15),transparent 47%),repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(217,255,67,.045) 40px),#191c15;color:#f4f1e8;font-family:IO Manrope,Arial,sans-serif;text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:default;outline-offset:4px}.ioc-spacebar-pad:focus-visible{outline:3px solid var(--space-signal)}.ioc-spacebar-pad>:not(.ioc-spacebar-pad__impact){z-index:1}.ioc-spacebar-pad[data-space-down=true]{background-color:#303c17}.ioc-spacebar-pad__corner,.ioc-spacebar-pad__bottom{position:absolute;color:#b9c998;font:500 .65rem IO DM Mono,monospace;letter-spacing:.12em}.ioc-spacebar-pad__corner{top:15px;left:18px}.ioc-spacebar-pad__bottom{bottom:13px;right:17px;display:flex;align-items:center;gap:8px}.ioc-spacebar-pad__bottom svg{width:14px;height:14px}.ioc-spacebar-pad__keycap{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:min(250px,80%);height:58px;margin-bottom:8px;border:2px solid var(--space-signal);border-radius:8px;background:#293421;box-shadow:0 7px #697f22,0 12px 20px #00000059;color:var(--space-signal);font:700 .86rem IO DM Mono,monospace;letter-spacing:.22em;transform:translateY(0);transition:transform .08s ease-out,box-shadow .08s ease-out,background .08s ease-out,color .08s ease-out}.ioc-spacebar-pad__keycap i{width:43px;height:10px;border:solid currentColor;border-width:0 2px 2px;border-radius:0 0 5px 5px}.ioc-spacebar-pad[data-space-down=true] .ioc-spacebar-pad__keycap{transform:translateY(7px);box-shadow:0 1px #697f22,0 3px 8px #0003;background:var(--space-signal);color:#11120f}.ioc-spacebar-pad__impact{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 28%,rgba(217,255,67,.36),transparent 45%);animation:ioc-spacebar-flash .42s ease-out both}.ioc-spacebar-pad__impact:before{content:"";position:absolute;width:min(310px,90%);height:78px;left:50%;top:28%;border:2px solid var(--space-signal);border-radius:13px;transform:translate(-50%,-50%) scale(.7);animation:ioc-spacebar-ring .42s ease-out both}.ioc-spacebar-pad__impact span{position:absolute;left:75%;top:16%;color:var(--space-signal);font:800 1.4rem IO DM Mono,monospace;animation:ioc-spacebar-plus .42s ease-out both}.ioc-spacebar-pad strong{font-size:clamp(1.6rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.045em}.ioc-spacebar-pad__hint{max-width:550px;color:#bbbdb2;font-size:.85rem;line-height:1.4}.ioc-spacebar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px;margin-top:8px}.ioc-spacebar-actions button{display:inline-flex;align-items:center;gap:7px;color:#f4f1e8;border-color:#65695a}.ioc-spacebar-actions [role=status]{font-size:.85rem;color:var(--space-signal);margin-left:auto}.ioc-spacebar-stats{border-left:1px solid #484b3f;padding:0 22px 20px;display:flex;flex-direction:column}.ioc-spacebar-stats__header{min-height:50px;display:flex;align-items:center;justify-content:space-between;color:var(--space-signal);border-bottom:1px solid #484b3f;font:500 .69rem IO DM Mono,monospace;letter-spacing:.1em}.ioc-spacebar-stats__header i{width:8px;height:8px;background:var(--space-signal);box-shadow:0 0 0 4px #d9ff4324}.ioc-spacebar-stat{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:11px 0;border-bottom:1px solid #484b3f}.ioc-spacebar-stat>span{grid-column:1 / -1}.ioc-spacebar-stat strong{font-size:clamp(2rem,3vw,3.1rem);line-height:1.07;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.ioc-spacebar-stat small{color:var(--space-signal);font:500 .75rem IO DM Mono,monospace}.ioc-spacebar-stat p{grid-column:1 / -1;margin:4px 0 0;color:#aba99f;font-size:.75rem;line-height:1.35}.ioc-spacebar-pace{margin-top:auto;padding-top:12px}.ioc-spacebar-pace h2{font-size:.92rem;margin:0}.ioc-spacebar-pace p{margin:4px 0 10px;color:#aba99f;font-size:.73rem;line-height:1.3}.ioc-spacebar-bars{height:44px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #697b34}.ioc-spacebar-bars span{flex:1;min-width:0;background:var(--space-signal);opacity:.82}.ioc-spacebar-guide,.ioc-spacebar-faq,.ioc-spacebar-related{padding-top:60px;padding-bottom:20px}.ioc-spacebar-guide{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ioc-spacebar-guide>div,.ioc-spacebar-faq article{border-top:1px solid var(--ioc-line-strong);padding-top:19px}.ioc-spacebar-guide h2,.ioc-spacebar-faq h2,.ioc-spacebar-related h2{font-size:clamp(1.9rem,3.5vw,3.5rem);line-height:1.05;letter-spacing:-.055em;margin:14px 0}.ioc-spacebar-guide p,.ioc-spacebar-faq p{color:var(--ioc-muted);font-size:1.03rem;line-height:1.7}.ioc-spacebar-guide>.ioc-spacebar-guide__lead{grid-column:1 / -1;max-width:900px;margin:0;color:var(--ioc-ink);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5}.ioc-spacebar-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:28px}.ioc-spacebar-faq h3{font-size:1.16rem;line-height:1.35;margin:0 0 7px}.ioc-spacebar-faq p{margin:0}.ioc-spacebar-related{padding-bottom:90px}.ioc-spacebar-related>div{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ioc-line-strong);margin-top:25px}.ioc-spacebar-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-right:1px solid var(--ioc-line-strong);color:var(--ioc-ink);font-weight:700;text-decoration:none}.ioc-spacebar-related a:last-child{border-right:0}.ioc-spacebar-related a:hover{background:var(--ioc-paper-2)}.ioc-spacebar-related a svg{flex:none;width:20px}@media (max-width: 900px){.ioc-spacebar-stage{grid-template-columns:1fr}.ioc-spacebar-stats{border-left:0;border-top:1px solid #484b3f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.ioc-spacebar-stats__header{grid-column:1 / -1;min-height:47px}.ioc-spacebar-stat{min-width:0}.ioc-spacebar-pace{grid-column:1 / -1}}@media (max-width: 620px){.ioc-spacebar-hero{padding-top:14px}.ioc-spacebar-intro h1{font-size:clamp(1.9rem,7.2vw,2.45rem)}.ioc-spacebar-toolbar{padding:9px}.ioc-spacebar-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ioc-spacebar-mode button{min-width:0;padding:5px 7px;font-size:.76rem;justify-content:center;line-height:1.2}.ioc-spacebar-durations{width:100%}.ioc-spacebar-durations>span{width:100%}.ioc-spacebar-durations button{flex:1;min-width:0}.ioc-spacebar-primary{padding:10px}.ioc-spacebar-pad{min-height:205px;padding:20px 14px 26px}.ioc-spacebar-actions [role=status]{width:100%;margin-left:0}.ioc-spacebar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ioc-spacebar-guide,.ioc-spacebar-faq,.ioc-spacebar-related{padding-top:55px}.ioc-spacebar-guide,.ioc-spacebar-faq>div,.ioc-spacebar-related>div{grid-template-columns:1fr}.ioc-spacebar-related a{border-right:0;border-bottom:1px solid var(--ioc-line-strong)}.ioc-spacebar-related a:last-child{border-bottom:0}}@media (prefers-reduced-motion: reduce){.ioc-spacebar-progress span,.ioc-spacebar-mode button,.ioc-spacebar-durations button,.ioc-spacebar-actions button,.ioc-spacebar-pad__keycap{transition:none}.ioc-spacebar-pad__impact{animation:none;background:transparent}.ioc-spacebar-pad__impact:before,.ioc-spacebar-pad__impact span,.ioc-spacebar-score-hit{animation:none}.ioc-spacebar-pad__impact:before,.ioc-spacebar-pad__impact span{display:none}}@keyframes ioc-spacebar-score-pop{0%{transform:translateY(5px) scale(.9);color:var(--space-signal)}to{transform:translateY(0) scale(1);color:inherit}}@keyframes ioc-spacebar-flash{0%{opacity:1}to{opacity:0}}@keyframes ioc-spacebar-ring{0%{opacity:.85;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes ioc-spacebar-plus{0%{opacity:0;transform:translateY(12px) scale(.8)}25%{opacity:1}to{opacity:0;transform:translateY(-34px) scale(1.1)}}