.spacebar-speed-tool:where(.astro-kjxoij6p){gap:24px;margin-top:30px;padding:clamp(22px,4vw,42px);display:grid}.spacebar-tool-header:where(.astro-kjxoij6p){gap:14px;max-width:820px;display:grid}.spacebar-tool-header:where(.astro-kjxoij6p) h1:where(.astro-kjxoij6p){margin-top:4px;font-size:clamp(2.2rem,6vw,4.5rem)}.spacebar-tool-description:where(.astro-kjxoij6p){color:var(--muted-strong);max-width:760px;font-size:clamp(1rem,2vw,1.15rem)}.spacebar-feature-row:where(.astro-kjxoij6p){color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.spacebar-feature-row:where(.astro-kjxoij6p) span:where(.astro-kjxoij6p):first-child,.spacebar-feature-row:where(.astro-kjxoij6p) span:where(.astro-kjxoij6p):nth-child(4){color:var(--teal)}.spacebar-controls:where(.astro-kjxoij6p){gap:16px;display:grid}.spacebar-duration-fieldset:where(.astro-kjxoij6p){border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.spacebar-duration-fieldset:where(.astro-kjxoij6p) legend:where(.astro-kjxoij6p){color:var(--text);font-family:var(--font-heading);margin-bottom:4px;font-size:1.15rem;font-weight:700}.spacebar-duration-options:where(.astro-kjxoij6p){grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.spacebar-duration-button:where(.astro-kjxoij6p){border:1px solid var(--line);background:var(--panel-deep);color:var(--muted-strong);cursor:pointer;text-align:center;border-radius:12px;align-content:center;gap:3px;min-width:0;min-height:66px;padding:9px 7px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.spacebar-duration-button:where(.astro-kjxoij6p) strong:where(.astro-kjxoij6p){color:var(--text);font-family:var(--font-heading);font-size:1.15rem}.spacebar-duration-button:where(.astro-kjxoij6p) span:where(.astro-kjxoij6p){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.spacebar-duration-button:where(.astro-kjxoij6p):hover,.spacebar-duration-button:where(.astro-kjxoij6p).is-active{border-color:var(--teal);background:var(--teal-soft);color:var(--text);transform:translateY(-1px)}.spacebar-duration-button:where(.astro-kjxoij6p).is-active{border-color:var(--orange);background:var(--orange-soft)}.spacebar-toolbar:where(.astro-kjxoij6p){justify-content:space-between;align-items:center;gap:16px;display:flex}.spacebar-toolbar:where(.astro-kjxoij6p) p:where(.astro-kjxoij6p){color:var(--muted);font-size:14px}.spacebar-toolbar:where(.astro-kjxoij6p) strong:where(.astro-kjxoij6p){color:var(--text)}.spacebar-test-zone:where(.astro-kjxoij6p){color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 42%,#2dd4bf1c,#0000 36%),linear-gradient(135deg,#0c121bfa,#080c12fc);border:1px solid #ff7a1a6b;border-radius:20px;align-content:center;place-items:center;gap:12px;min-height:310px;padding:32px;display:grid;position:relative;overflow:hidden}.spacebar-test-zone:where(.astro-kjxoij6p):before,.spacebar-test-zone:where(.astro-kjxoij6p):after{content:"";pointer-events:none;border:1px solid #2dd4bf1f;border-radius:50%;position:absolute}.spacebar-test-zone:where(.astro-kjxoij6p):before{width:290px;height:290px}.spacebar-test-zone:where(.astro-kjxoij6p):after{border-color:#ff7a1a1a;width:430px;height:430px}.spacebar-test-zone:where(.astro-kjxoij6p):hover{border-color:#ff7a1ac7}.spacebar-test-zone:where(.astro-kjxoij6p):active,.spacebar-speed-tool:where(.astro-kjxoij6p)[data-phase=running] .spacebar-test-zone:where(.astro-kjxoij6p){background:radial-gradient(circle at 50% 42%,#2dd4bf2b,#0000 38%),linear-gradient(135deg,#0d1c24fa,#081016fc);border-color:#2dd4bfcc}.spacebar-test-zone:where(.astro-kjxoij6p):focus-visible{outline:3px solid var(--orange);outline-offset:4px}.spacebar-zone-label:where(.astro-kjxoij6p),.spacebar-keycap:where(.astro-kjxoij6p),.spacebar-zone-score:where(.astro-kjxoij6p),.spacebar-zone-hint:where(.astro-kjxoij6p){z-index:1;position:relative}.spacebar-zone-label:where(.astro-kjxoij6p){color:var(--orange);font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1rem,2vw,1.3rem)}.spacebar-keycap:where(.astro-kjxoij6p){color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.2em;background:linear-gradient(#f4f7fb1f,#f4f7fb0a);border:1px solid #f4f7fb38;border-bottom:4px solid #f4f7fb1f;border-radius:10px;place-items:center;min-width:min(300px,80vw);min-height:44px;font-size:12px;display:grid}.spacebar-zone-score:where(.astro-kjxoij6p){color:var(--text);font-family:var(--font-mono);align-items:baseline;gap:10px;font-size:clamp(4rem,13vw,7rem);line-height:.9;display:flex}.spacebar-zone-score:where(.astro-kjxoij6p) small:where(.astro-kjxoij6p){color:var(--teal);font-family:var(--font-heading);letter-spacing:.08em;font-size:clamp(1rem,3vw,1.5rem)}.spacebar-zone-hint:where(.astro-kjxoij6p){color:var(--muted);font-size:14px}.spacebar-metrics:where(.astro-kjxoij6p){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.spacebar-metric-card:where(.astro-kjxoij6p){border:1px solid var(--line);background:#0d141dd1;border-radius:14px;align-content:center;gap:6px;min-height:106px;padding:16px;display:grid}.spacebar-metric-card:where(.astro-kjxoij6p) span:where(.astro-kjxoij6p),.spacebar-metric-card:where(.astro-kjxoij6p) small:where(.astro-kjxoij6p){color:var(--muted);font-size:13px}.spacebar-metric-card:where(.astro-kjxoij6p) strong:where(.astro-kjxoij6p){color:var(--text);font-family:var(--font-heading);font-size:1.55rem}.spacebar-metric-card--highlight:where(.astro-kjxoij6p){background:var(--teal-soft);border-color:#2dd4bf61}.spacebar-result-panel:where(.astro-kjxoij6p){background:linear-gradient(135deg,#113034e6,#0d1b22f5);border:1px solid #2dd4bf6b;border-radius:16px;gap:12px;padding:24px;display:grid}.spacebar-result-panel:where(.astro-kjxoij6p)[hidden]{display:none}.spacebar-result-panel:where(.astro-kjxoij6p) h2:where(.astro-kjxoij6p){font-size:clamp(1.45rem,3vw,2rem)}.spacebar-result-panel:where(.astro-kjxoij6p) p:where(.astro-kjxoij6p):not(.eyebrow){color:var(--muted-strong)}.spacebar-result-actions:where(.astro-kjxoij6p){flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}#spacebarShareStatus:where(.astro-kjxoij6p){color:var(--teal);min-height:1.5em;font-size:14px}@media (max-width:820px){.spacebar-metrics:where(.astro-kjxoij6p){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.spacebar-speed-tool:where(.astro-kjxoij6p){gap:20px;margin-top:20px;padding:20px 16px}.spacebar-duration-options:where(.astro-kjxoij6p){grid-template-columns:repeat(2,minmax(0,1fr))}.spacebar-toolbar:where(.astro-kjxoij6p){flex-direction:column;align-items:stretch;gap:10px}.spacebar-toolbar:where(.astro-kjxoij6p) .site-button-alt:where(.astro-kjxoij6p){width:100%}.spacebar-test-zone:where(.astro-kjxoij6p){min-height:260px;padding:24px 14px}.spacebar-keycap:where(.astro-kjxoij6p){min-width:min(250px,78vw)}.spacebar-metric-card:where(.astro-kjxoij6p){min-height:88px;padding:13px}.spacebar-result-actions:where(.astro-kjxoij6p){grid-template-columns:1fr;display:grid}.spacebar-result-actions:where(.astro-kjxoij6p) .site-button:where(.astro-kjxoij6p),.spacebar-result-actions:where(.astro-kjxoij6p) .site-button-alt:where(.astro-kjxoij6p){width:100%}}@media (prefers-reduced-motion:reduce){.spacebar-duration-button:where(.astro-kjxoij6p){transition:none}}.spacebar-speed-page:where(.astro-2mc2yogx){padding-bottom:72px}.spacebar-speed-page:where(.astro-2mc2yogx)>.guide-article:where(.astro-2mc2yogx){width:100%;max-width:none;margin-top:clamp(20px,2.5vw,32px)}.spacebar-speed-page:where(.astro-2mc2yogx)>.spacebar-speed-tool:where(.astro-2mc2yogx){width:100%}.spacebar-speed-page:where(.astro-2mc2yogx) .related-tests:where(.astro-2mc2yogx) a:where(.astro-2mc2yogx){min-height:112px}@media (max-width:720px){.spacebar-speed-page:where(.astro-2mc2yogx)>.spacebar-speed-tool:where(.astro-2mc2yogx){margin-top:20px}}