.typing-panel{display:grid;gap:18px}.typing-controls{display:flex;gap:8px;flex-wrap:wrap}.typing-controls button{border:1px solid rgba(69,55,44,.1);background:#fff;padding:9px 13px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}.typing-controls button.active{background:var(--accent);color:#fff;border-color:transparent}.typing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.typing-metric{background:#fff;border:1px solid rgba(69,55,44,.08);border-radius:16px;padding:14px}.typing-metric b{display:block;font-size:25px;line-height:1.1;letter-spacing:-.03em}.typing-metric span{font-size:12px;color:#786f67}.typing-prompt{font-size:17px;line-height:1.8;padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(69,55,44,.09);color:#3c3732;user-select:none}.typing-input{width:100%;min-height:150px;border:1px solid #d9d2ca;border-radius:16px;padding:16px;background:#fffefa;font:inherit;font-size:16px;line-height:1.7;resize:vertical}.typing-input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 55%,#cfc7bf);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.typing-input.is-finished{background:#f4f0ea}.typing-note{font-size:12.5px;color:#7a736c}.typing-actions{display:flex;gap:9px;flex-wrap:wrap}@media(max-width:620px){.typing-metrics{grid-template-columns:repeat(2,1fr)}.typing-prompt{font-size:15px;padding:15px}.typing-input{font-size:15px}.typing-actions .btn{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){.typing-controls button,.typing-input{transition:none!important}}