.typing-main{max-width:880px;margin:0 auto;padding:24px 16px 48px}.typing-back{color:#25603d;font-size:15px}.typing-main h1{margin:14px 0 8px;font-size:clamp(32px,6vw,48px)}.typing-lead{color:#435a49;margin:0 0 6px;font-size:17px}.typing-phone-note{color:#6a7c6c;margin:0 0 22px;font-size:14px}@media (hover:hover) and (pointer:fine){.typing-phone-note{display:none}}.typing-modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.typing-modes button{text-align:left;color:#1f3527;cursor:pointer;background:#fffef8;border:1px solid #cfdac9;border-radius:14px;gap:4px;padding:18px;display:grid}.typing-modes button strong{font-size:18px}.typing-modes button span{color:#5d725e;font-size:14px}.typing-panel{background:#fffef8;border:1px solid #d4decf;border-radius:16px;gap:14px;padding:18px;display:grid}.typing-stats{color:#435a49;flex-wrap:wrap;gap:18px;font-size:15px;display:flex}.typing-stats strong{color:#1f3527;font-size:22px}.typing-words{color:#7d8c7f;cursor:text;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(18px,3.6vw,24px);line-height:1.8}.typing-words .ok{color:#2f6a3f}.typing-words .bad{color:#b0524f;text-decoration:underline}.typing-words .now{color:#1f3527;background:#eaf3e4;border-radius:4px}.typing-words .now b{font-weight:inherit}.typing-words .now b.ok{color:#2f6a3f}.typing-words .now b.bad{color:#b0524f}.typing-input{border:1px solid #b8c7b1;border-radius:10px;width:100%;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:20px}.typing-hint,.typing-live{color:#6a7c6c;margin:0;font-size:14px}.typing-live{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.typing-result h2{margin:0 0 6px;font-size:28px}.typing-result p{color:#435a49;margin:0}.typing-actions{flex-wrap:wrap;gap:10px;display:flex}.typing-actions button{color:#fff;cursor:pointer;background:#2f6a3f;border:1px solid #2f6a3f;border-radius:10px;padding:10px 18px;font-weight:600}.typing-actions button.secondary{color:#2f6a3f;background:0 0}.typing-rain{background:linear-gradient(#eef5ea,#f8f6ec);border-radius:12px;height:min(52vh,380px);position:relative;overflow:hidden}.typing-rain:after{content:"";background:#cfe0c4;height:10%;position:absolute;bottom:0;left:0;right:0}.typing-rain span{color:#1f3527;background:#fffef8;border:1px solid #c9d4c3;border-radius:8px;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:17px;position:absolute}.typing-rain span.match{background:#e3f1dc;border-color:#2f6a3f}.typing-rain-intro{text-align:center;color:#435a49;margin:0;position:absolute;inset:30% 10% auto}.typing-help{color:#5d725e;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:34px;font-size:14px;line-height:1.7;display:grid}.typing-help h2{color:#233f2d;font-size:18px;font-weight:600}.typing-help ul{margin:0;padding-left:18px}