.typing-page{max-width:1000px;padding:55px 0 80px}.typing-heading{text-align:center;margin-bottom:44px}.typing-heading h1{letter-spacing:-4px;font-size:clamp(48px,7vw,82px)}.typing-heading>p{color:var(--muted);margin-top:24px;font-size:15px}.typing-workbench{background:linear-gradient(130deg,#211929,#131217 65%);border:1px solid #44324f;border-radius:20px;padding:30px;box-shadow:0 24px 90px #0003}.typing-toolbar{justify-content:space-between;align-items:end;gap:18px;display:flex}.typing-toolbar>div{flex:1;min-width:0;max-width:520px}.typing-toolbar label,.typing-input-label{color:#c9c0d0;margin-bottom:10px;font-size:12px;display:block}.typing-toolbar select{width:100%;color:var(--text);font:inherit;background:#18131e;border:1px solid #57465f;border-radius:8px;padding:12px;font-size:14px}.typing-secondary{color:#e5d9ee;background:#211a29;border:1px solid #57465f;padding:11px 16px}.typing-stats{border-block:1px solid #3b2e44;align-items:center;gap:40px;margin:26px 0;padding:22px 0;display:flex}.typing-stats>div{flex-direction:column;gap:4px;min-width:88px;display:flex}.typing-stats strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;font:600 36px Bricolage Grotesque Variable}.typing-stats span{color:#b8abbe;font-size:11px}.typing-stats .typing-badge{color:#edb6dc;border:1px solid #44324f;border-radius:30px;margin-left:auto;padding:8px 12px}.typing-passage{letter-spacing:.1px;white-space:pre-wrap;color:#c1b8c9;overflow-wrap:anywhere;margin-bottom:25px;font:400 19px/1.85 Inter Variable,sans-serif}.typing-passage .correct{color:#f9f5fa}.typing-passage .incorrect{color:#ffb1c0;background:#592536;text-decoration:underline 2px}.typing-passage .cursor{background:#ff7ac61a;border-left:2px solid #ff7ac6;margin-left:-2px}#typing-input{resize:vertical;width:100%;min-height:115px;max-height:300px;color:var(--text);background:#0e0c12;border:1px solid #685273;border-radius:10px;padding:16px;font:16px/1.65 Inter Variable,sans-serif}#typing-input::placeholder{color:#a79aae}#typing-input:focus-visible,.typing-toolbar select:focus-visible{outline:2px solid var(--pink);outline-offset:4px}#typing-input:disabled{opacity:.7}.typing-bottom{align-items:center;gap:24px;margin-top:16px;display:flex}.typing-bottom p{color:#b9acbf;flex:1;max-width:650px;font-size:11px}.typing-bottom button{margin-left:auto}#typing-status{color:#eabde1;min-height:21px;margin-top:16px;font-size:12px}.typing-result{background:radial-gradient(at 100% 0,#6f3f6b40,#0000 65%),#19131f;border:1px solid #6a497b;border-radius:20px;margin-top:32px;padding:36px}.typing-result[hidden]{display:none}.typing-result h2{letter-spacing:-1.5px;font-size:38px}.typing-result>p{color:#c6b6ce;margin-top:16px;font-size:13px}.typing-comparison{grid-template-columns:1fr 1fr;gap:35px;margin-top:32px;display:grid}.typing-comparison article{min-width:0}.typing-comparison .eyebrow{letter-spacing:1.3px;align-items:center;gap:6px;min-height:22px;margin-bottom:10px;display:flex}.typing-comparison strong{letter-spacing:-1.5px;font:600 44px Bricolage Grotesque Variable}.typing-comparison strong small{letter-spacing:0;color:#c6b6ce;font:500 13px Inter Variable}.typing-comparison p{color:#c6b6ce;margin-top:5px;font-size:12px}.comparison-track{background:#302537;border-radius:5px;height:8px;margin-top:18px;overflow:hidden}.comparison-track i{background:#a995b6;height:100%;display:block}.comparison-track.voice i{background:linear-gradient(90deg,#9272ff,#ff9bd4)}.voice-controls{max-width:450px;margin-top:30px}.voice-controls label{color:#d3c5db;justify-content:space-between;gap:15px;font-size:12px;display:flex}.voice-controls output{color:#f7b8e1;white-space:nowrap}.voice-controls input{accent-color:#f295d1;width:100%;margin-top:18px}.typing-result .typing-savings{color:#f6d4eb;font:500 23px/1.4 Bricolage Grotesque Variable}.typing-result .typing-estimate-note{max-width:740px;font-size:11px}.typing-result-actions{flex-wrap:wrap;gap:15px;margin-top:24px;display:flex}.typing-explainer{grid-template-columns:1fr 1fr;gap:45px;margin-top:45px;display:grid}.typing-explainer h3{font-size:22px}.typing-explainer p{color:var(--muted);margin-top:12px;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.typing-page{padding-top:25px}.typing-heading h1{letter-spacing:-2.5px}.typing-heading>p{font-size:13px}.typing-workbench{padding:20px}.typing-toolbar{flex-wrap:wrap}.typing-toolbar>div{flex-basis:100%;max-width:none}.typing-stats{flex-wrap:wrap;gap:18px}.typing-stats>div{min-width:65px}.typing-stats strong{font-size:30px}.typing-stats .typing-badge{display:none}.typing-passage{font-size:16px;line-height:1.85}.typing-bottom{align-items:start;gap:12px}.typing-bottom .button{padding:10px;font-size:12px}.typing-result{padding:22px}.typing-result h2{font-size:30px}.typing-comparison,.typing-explainer{grid-template-columns:1fr;gap:25px}.voice-controls label{flex-wrap:wrap;gap:6px}.typing-result-actions .button{width:100%}.typing-passage{scrollbar-width:thin;scrollbar-color:#785087 #18121e;max-height:250px;padding-right:5px;position:relative;overflow-y:auto}}.typing-comparison strong{letter-spacing:-1px;font-size:clamp(28px,3.5vw,42px)}.result-score{border-top:1px solid #493451;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:26px;padding-top:20px;display:flex}.result-score strong{font:600 23px Bricolage Grotesque Variable}.result-score small{color:#c6b6ce;font:500 12px Inter Variable}.result-score p{color:#c6b6ce;font-size:12px}.voice-assumptions{color:#c6b6ce;margin-top:22px;font-size:12px}.voice-assumptions summary{cursor:pointer;color:#eabde1;width:fit-content}.voice-assumptions>p{max-width:680px;margin-top:12px}.voice-assumptions .voice-controls{margin-top:18px}.word-count-controls{background:#211629;border:1px solid #584060;border-radius:12px;margin-top:28px;padding:20px}.word-count-controls[hidden]{display:none}.word-count-controls label{color:#f5e8f6;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.word-count-controls output{color:#ffb9e1;white-space:nowrap;font-weight:600}.word-count-controls input{accent-color:#ef9ad2;cursor:pointer;width:100%;height:24px;margin:16px 0 8px}.word-count-scale,.word-count-footer{color:#c6b6ce;justify-content:space-between;gap:12px;font-size:11px;display:flex}.word-count-footer{flex-wrap:wrap;align-items:center;margin-top:14px}.word-count-footer button{color:#f2b8df;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:12px;text-decoration:underline}@media (width<=700px){.word-count-controls{padding:16px}.word-count-controls label{font-size:12px}}