.echo{box-sizing:border-box;place-items:center;min-height:100%;padding:20px;font-family:DM Mono,monospace;display:grid}.echo-card{box-sizing:border-box;background:#ffffff06;border:1px solid #ffffff1a;border-radius:18px;width:min(900px,100%);padding:28px 34px}.echo-mark{text-align:center;letter-spacing:.18em;font-size:28px;font-weight:800}.echo-mark-small{text-align:left;font-size:18px}.echo-subtitle{color:#8b8f98;text-align:center;margin:6px 0 24px;font-size:11px}.echo-section{margin-top:18px}.echo-label{color:#777c86;letter-spacing:.12em;margin-bottom:8px;font-size:9px;display:block}.echo-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.echo-options button,.echo-speeds button,.echo-keypad button{color:inherit;cursor:pointer;font:inherit;background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px}.echo-options button{text-align:left;flex-direction:column;gap:3px;padding:11px 14px;display:flex}.echo-options button span,.echo-speeds button span{color:#777c86;font-size:9px}.echo-options button.selected,.echo-speeds button.selected{background:#ffffff14;border-color:#fff6}.echo-speeds{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.echo-speeds button{justify-content:center;align-items:center;gap:8px;padding:11px;display:flex}.echo-limit{color:#777c86;text-align:center;margin:20px 0;font-size:10px}.echo-primary,.echo-stop,.echo-backspace{cursor:pointer;font:inherit;letter-spacing:.06em;border-radius:9px;padding:12px 16px;font-weight:700}.echo-primary{color:#111;background:#f2f2f2;border:0;width:100%}.echo-primary:disabled{opacity:.3;cursor:not-allowed}.echo-listening{text-align:center}.echo-live{grid-template-columns:repeat(3,1fr);gap:12px;margin:48px 0 28px;display:grid}.echo-live div{border:1px solid #ffffff14;border-radius:10px;padding:18px}.echo-live span,.echo-live strong{display:block}.echo-live span{color:#777c86;text-transform:uppercase;margin-bottom:8px;font-size:9px}.echo-live strong{font-size:20px}.echo-stop{width:100%;color:inherit;background:0 0;border:1px solid #ffffff2e}.echo-input-head{color:#777c86;justify-content:space-between;align-items:end;margin-bottom:12px;font-size:10px;display:flex}.echo-input-head strong{color:inherit;font-size:12px}.echo-digits{grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;max-height:330px;margin-bottom:14px;padding:4px;display:grid;overflow-y:auto}.echo-digit{aspect-ratio:1;color:#d8d9dc;border:1px solid #ffffff12;border-radius:3px;place-items:center;min-width:0;font-size:9px;display:grid}.echo-digit.active{border-color:#ffffff80}.echo-keypad{grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:8px;display:grid}.echo-keypad button{min-height:40px}.echo-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.echo-backspace{color:#999da5;background:0 0;border:1px solid #ffffff1f}.echo-result{text-align:center}.echo-score{margin-top:36px;font-size:clamp(56px,10vw,86px);font-weight:800}.echo-score-label{color:#777c86;letter-spacing:.15em;font-size:9px}.echo-result-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0;display:grid}.echo-result-grid div{border:1px solid #ffffff14;border-radius:9px;padding:13px}.echo-result-grid span,.echo-result-grid strong{display:block}.echo-result-grid span{color:#777c86;text-transform:uppercase;margin-bottom:6px;font-size:8px}.echo-result-grid strong{font-size:15px}.echo-result-actions{flex-direction:column;gap:8px;width:100%;margin-top:18px;display:flex}.echo-result-actions .echo-primary,.echo-result-actions .echo-secondary{width:100%}.echo-secondary{color:#6b7280;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff12;padding:10px 16px;font-family:DM Mono,monospace;font-size:12px}@media (width<=900px){.echo-digits{grid-template-columns:repeat(20,minmax(0,1fr))}}@media (width<=600px){.echo{padding:10px}.echo-card{border-radius:14px;padding:20px 16px}.echo-speeds{grid-template-columns:1fr}.echo-live,.echo-result-grid{grid-template-columns:repeat(2,1fr)}.echo-digits{grid-template-columns:repeat(15,minmax(0,1fr));max-height:280px}.echo-digit{font-size:8px}.echo-keypad{gap:4px}.echo-keypad button{min-height:38px;font-size:11px}.echo-actions{grid-template-columns:1fr}}