.keyboard-polling-page{gap:clamp(22px,3vw,32px);display:grid}.keyboard-polling-page>.keyboard-polling-tool,.keyboard-polling-page>.keyboard-guide-article{width:100%;max-width:none}.keyboard-polling-tool{border-color:var(--line-bright);background:radial-gradient(circle at 85% 4%,#2dd4bf24,#0000 24rem),linear-gradient(145deg,#121a24fa,#080e15fa);gap:18px;width:100%;padding:clamp(20px,4vw,38px);display:grid;position:relative;overflow:hidden}.keyboard-tool-header,.keyboard-panel-header,.keyboard-results-heading,.keyboard-control-row{align-items:center;gap:16px;display:flex}.keyboard-tool-header,.keyboard-results-heading{justify-content:space-between}.keyboard-tool-heading{gap:11px;min-width:0;display:grid}.keyboard-tool-heading h1{font-size:clamp(2rem,5vw,3.8rem)}.keyboard-tool-heading .tool-description{color:var(--muted-strong);max-width:780px;font-size:clamp(1rem,2vw,1.12rem);line-height:1.72}.tool-feature-row{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.tool-feature-row span:nth-child(odd){color:var(--teal)}.keyboard-live-panel,.keyboard-results-panel{border:1px solid var(--line);background:#0d141dd6;border-radius:18px;gap:16px;min-width:0;padding:clamp(16px,3vw,26px);display:grid}.keyboard-panel-header{justify-content:space-between;align-items:flex-start}.keyboard-panel-header h2,.keyboard-results-heading h2{font-size:clamp(1.35rem,3vw,2rem)}.keyboard-status-strip{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}.status-chip,.status-stat,.progress-state{border:1px solid var(--line-bright);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:6px 10px;display:inline-flex}.status-chip{color:var(--green);letter-spacing:.08em;border-color:#45d48366}.status-dot{background:var(--green);box-shadow:0 0 14px var(--green);border-radius:50%;width:8px;height:8px}.status-stat{color:var(--muted-strong)}.status-stat strong,.progress-state{color:var(--teal)}.progress-track{background:#1e3150cc;border:1px solid #60a5fa59;border-radius:999px;width:86px;height:7px;display:block;overflow:hidden}.progress-track>span,.keyboard-progress>span{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--orange));width:100%;height:100%;transition:transform .18s;display:block;transform:scaleX(0)}.keyboard-test-zone{isolation:isolate;border:1px solid var(--line-bright);cursor:text;text-align:center;background:linear-gradient(90deg,#0000 49.7%,#2dd4bf12 50%,#0000 50.3%) 0 0/44px 44px,linear-gradient(#0000 49.7%,#2dd4bf12 50%,#0000 50.3%) 0 0/44px 44px,radial-gradient(circle at 50% 35%,#2dd4bf2b,#0000 58%),#09121c;border-radius:16px;align-content:center;justify-items:center;min-height:360px;padding:28px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.keyboard-test-zone:after{z-index:-1;content:"";pointer-events:none;border:1px solid #2dd4bf42;border-radius:12px;position:absolute;inset:14px}.keyboard-test-zone:hover,.keyboard-test-zone:focus-visible,.keyboard-polling-tool[data-phase=manual] .keyboard-test-zone,.keyboard-polling-tool[data-phase=listening] .keyboard-test-zone{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft),0 18px 50px #2dd4bf1f;outline:none}.keyboard-polling-tool[data-phase=complete] .keyboard-test-zone{border-color:#ff7a1aa8}.keyboard-zone-overlay{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 100%,#ff7a1a1a,#0000 45%);position:absolute;inset:0}.keyboard-zone-center{z-index:2;justify-items:center;gap:12px;max-width:620px;display:grid}.zone-kicker{color:var(--teal);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid #2dd4bf80;border-radius:999px;padding:6px 13px;font-size:11px}.keyboard-zone-display{align-items:baseline;gap:8px;min-height:clamp(3.5rem,8vw,6rem);display:flex}.keyboard-zone-display strong{color:var(--muted-strong);font-family:var(--font-heading);letter-spacing:-.07em;font-size:clamp(3rem,8vw,6rem);line-height:1;transition:color .16s}.keyboard-zone-unit{color:var(--orange);font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.7rem);font-weight:700;transition:opacity .16s}.keyboard-polling-tool[data-phase=manual] .keyboard-zone-display strong,.keyboard-polling-tool[data-phase=listening] .keyboard-zone-display strong,.keyboard-polling-tool[data-phase=complete] .keyboard-zone-display strong{color:var(--orange)}.zone-hint{color:var(--muted-strong);max-width:540px;font-size:14px}.keyboard-rate-chart{z-index:1;opacity:.8;pointer-events:none;width:calc(100% - 40px);height:84px;position:absolute;bottom:76px;left:20px;right:20px}.keyboard-visual{z-index:3;flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.keyboard-visual span{color:var(--muted-strong);font-family:var(--font-mono);background:#070b11b3;border:1px solid #3a4c61eb;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:10px;transition:border-color .12s,background .12s,color .12s,transform .12s;display:inline-flex}.keyboard-visual span.is-space{min-width:110px}.keyboard-visual span.is-active{border-color:var(--orange);background:var(--orange-soft);color:var(--text);transform:translateY(-3px)}.keyboard-ripple{z-index:1;border:1px solid var(--teal);opacity:0;pointer-events:none;border-radius:50%;width:46px;height:46px;animation:.65s ease-out forwards keyboard-ripple;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.3)}@keyframes keyboard-ripple{0%{opacity:.75}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}.keyboard-quick-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.keyboard-quick-step{border:1px solid var(--line);background:#121a24b8;border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:12px;min-width:0;padding:16px;display:grid}.step-number{background:var(--teal);color:#071116;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.keyboard-quick-step strong{color:var(--text);font-family:var(--font-heading);margin-bottom:4px;font-size:1rem;display:block}.keyboard-quick-step p{color:var(--muted);font-size:13px;line-height:1.45}.keyboard-control-row{flex-wrap:wrap;justify-content:flex-start}.keyboard-control-row button:disabled{cursor:not-allowed;opacity:.45;transform:none}.keyboard-method-note{border-left:3px solid var(--orange);background:var(--orange-soft);color:var(--muted-strong);padding:13px 16px;font-size:14px;line-height:1.65}.keyboard-method-note strong{color:var(--orange)}.keyboard-results-heading{align-items:flex-end}.keyboard-results-heading>p{color:var(--muted);text-align:right;max-width:360px;font-size:13px}.keyboard-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.keyboard-metric-card,.keyboard-session-item{border:1px solid var(--line);background:#121a24b8;border-radius:12px;gap:7px;min-width:0;padding:15px;display:grid}.keyboard-metric-card{min-height:92px}.keyboard-metric-card span,.keyboard-session-item span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.keyboard-metric-card strong,.keyboard-session-item strong{color:var(--text);font-family:var(--font-mono);font-size:clamp(1.15rem,2.4vw,1.7rem);line-height:1.1}.keyboard-metric-card--primary{background:linear-gradient(145deg,#2dd4bf1f,#121a24bd);border-color:#2dd4bf6b}.keyboard-metric-card--primary strong{color:var(--teal)}.keyboard-session-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.keyboard-session-item{min-height:78px}.keyboard-session-item--grade{background:var(--orange-soft);border-color:#ff7a1a80}.keyboard-session-item--grade strong{color:var(--orange);font-size:1.8rem}.keyboard-progress{background:var(--line);border-radius:999px;height:7px;display:block;overflow:hidden}@media (max-width:980px){.keyboard-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.keyboard-panel-header,.keyboard-results-heading{flex-direction:column;align-items:flex-start}.keyboard-status-strip{justify-content:flex-start}.keyboard-quick-steps{grid-template-columns:1fr}.keyboard-results-heading>p{text-align:left;max-width:600px}}@media (max-width:560px){.keyboard-polling-tool{border-radius:16px;gap:15px;padding:16px}.keyboard-live-panel,.keyboard-results-panel{border-radius:14px;padding:14px}.keyboard-status-strip{gap:6px;font-size:10px}.progress-track{width:68px}.keyboard-test-zone{min-height:320px;padding:22px 14px}.keyboard-rate-chart{width:calc(100% - 24px);bottom:72px;left:12px;right:12px}.keyboard-visual{gap:4px;bottom:15px;left:12px;right:12px}.keyboard-visual span{min-width:27px;min-height:28px;padding:0 5px;font-size:9px}.keyboard-visual span.is-space{min-width:82px}.keyboard-control-row{grid-template-columns:1fr 1fr;display:grid}.keyboard-control-row .site-button{grid-column:1/-1}.keyboard-control-row button{width:100%}.keyboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.keyboard-metric-card,.keyboard-session-item{padding:12px}.keyboard-metric-card{min-height:82px}.keyboard-session-grid{gap:8px}.keyboard-session-item strong{font-size:1.15rem}.keyboard-session-item--grade strong{font-size:1.45rem}}@media (max-width:380px){.keyboard-session-grid{grid-template-columns:1fr}.keyboard-status-strip{grid-template-columns:1fr 1fr;width:100%;display:grid}.status-chip,.status-stat,.progress-state{justify-content:center}.progress-track{width:100%}}@media (prefers-reduced-motion:reduce){.keyboard-polling-tool *,.keyboard-polling-tool :before,.keyboard-polling-tool :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}