.ioc-spacebar-page{--space-line: var(--ioc-line);--space-deep: #11120f;--space-signal: #d9ff43}.ioc-spacebar-hero{padding:clamp(30px,4vw,62px) 0 64px;background:radial-gradient(circle at 88% 4%,rgba(217,255,67,.18),transparent 31%),var(--ioc-paper)}.ioc-spacebar-intro{max-width:980px;margin-bottom:28px}.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:19px;height:19px;color:#769019}.ioc-spacebar-intro h1{margin:10px 0;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.95;letter-spacing:-.055em;word-spacing:.12em;font-weight:800}.ioc-spacebar-intro h1 span{color:#94b223}.ioc-spacebar-intro p{margin:0;max-width:820px;font-size:clamp(1.06rem,1.7vw,1.35rem);line-height:1.5;color:var(--ioc-muted)}.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:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;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 .9rem IO Manrope,sans-serif;min-height:42px;padding:0 15px;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(18px,2.2vw,30px)}.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 10px}.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.7rem,6vw,5rem);line-height:1;font-weight:800;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.ioc-spacebar-readout strong small{font-size:.35em;margin-left:4px;color:var(--space-signal)}.ioc-spacebar-progress{height:5px;background:#424638;margin:16px 0 20px;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(205px,26vw,290px);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:25px 24px 35px;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:pointer;outline-offset:4px}.ioc-spacebar-pad:focus-visible{outline:3px solid var(--space-signal)}.ioc-spacebar-pad:active,.ioc-spacebar-pad[data-state=running]:active{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__key{font-family:IO DM Mono,monospace;font-size:2.4rem;line-height:1;color:var(--space-signal)}.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:55px;margin-top:15px}.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:69px;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:15px 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:17px}.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:56px;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:80px;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-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:25px}.ioc-spacebar-intro h1{font-size:clamp(3.3rem,12vw,5.4rem)}.ioc-spacebar-toolbar{padding:12px}.ioc-spacebar-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ioc-spacebar-mode button{min-width:0;padding:7px 8px;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:14px}.ioc-spacebar-pad{min-height:235px}.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{transition:none}}