.type-page{max-width:860px;margin:0 auto;padding:1rem 1.5rem 2rem}.type-topbar{margin-bottom:.75rem}.type-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.type-title{font-size:1.1rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.type-stats{display:flex;align-items:center;gap:.6rem}.ts{font-size:.75rem;color:var(--text2);font-family:JetBrains Mono,monospace}.ts b{color:var(--text);font-weight:700}.ts-progress{background:var(--surface);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--border)}.ts-reset{background:none;border:1px solid var(--border);color:var(--muted);width:26px;height:26px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .12s;display:flex;align-items:center;justify-content:center}.ts-reset:hover{color:var(--text);border-color:var(--border2);background:var(--surface)}.lesson-pills{display:flex;gap:4px}.lesson-pill{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;font-size:.72rem;font-weight:600;color:var(--text2);cursor:pointer;transition:all .12s}.lesson-pill:hover{color:var(--text);border-color:var(--border2)}.lesson-pill.active{background:#38bdf81a;border-color:#38bdf84d;color:var(--accent)}.type-zone{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:.5rem;cursor:text;transition:border-color .15s,box-shadow .15s;min-height:70px}.type-zone.focused{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf814}.typing-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.type-target{font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:1.85rem;line-height:2.2;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:2.6rem}.type-placeholder{color:var(--muted);font-family:Inter,sans-serif;font-size:.9rem}.tc{color:#94a3b84d;transition:color .08s;position:relative}.tc.ok{color:var(--green)}.tc.err{color:var(--red);background:#ef44441a;border-radius:3px}.tc.cur{color:var(--text)}.tc.cur:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--accent);border-radius:2px;animation:pulse-bar .9s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.25}}.type-result{position:absolute;inset:0;background:#0f172ae0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border-radius:14px;z-index:10;transition:opacity .2s}.type-result.hidden{opacity:0;pointer-events:none}.type-result-inner{display:flex;align-items:center;gap:.75rem}.result-emoji{font-size:1.5rem}.result-msg{font-weight:700;color:var(--text);font-size:1rem}.result-detail{font-size:.75rem;color:var(--text2);font-family:JetBrains Mono,monospace}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.free-zone{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:1rem 1.25rem;margin-bottom:.5rem;transition:border-color .15s,box-shadow .15s}.free-zone:focus-within{border-color:#38bdf859;box-shadow:0 0 0 3px #38bdf814}.free-input{width:100%;min-height:80px;background:transparent;border:none;outline:none;resize:vertical;color:var(--text);font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:1.6rem;line-height:2.2;caret-color:var(--accent)}.free-input::-moz-placeholder{color:var(--muted);font-family:Inter,sans-serif;font-size:.9rem}.free-input::placeholder{color:var(--muted);font-family:Inter,sans-serif;font-size:.9rem}.free-actions{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.free-copy-btn,.free-clear-btn{background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:var(--accent);font-size:.72rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;cursor:pointer;transition:all .12s}.free-copy-btn:hover{background:#38bdf826}.free-clear-btn{background:#94a3b80f;border-color:var(--border);color:var(--text2)}.free-clear-btn:hover{background:#94a3b81f;color:var(--text)}.free-charcount{margin-left:auto;font-size:.68rem;color:var(--muted);font-family:JetBrains Mono,monospace}.hidden{display:none!important}.pill-free{border-style:dashed}.pill-free.active{border-style:solid;background:#fbbf2414;border-color:#fbbf244d;color:var(--gold)}.type-hint{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;color:var(--text2);margin-bottom:.6rem;min-height:30px}.hint-icon{font-size:.85rem}.th{font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:1.4em;color:var(--accent);vertical-align:middle}.hd{color:var(--muted)}.type-hint kbd{display:inline-block;background:var(--surface);border:1px solid var(--border2);border-radius:4px;padding:.05rem .3rem;font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--text);min-width:1.3em;text-align:center}.type-keyboard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem .75rem .6rem;margin-bottom:.75rem}.kb-row{display:flex;gap:4px;margin-bottom:4px}.kb-row:last-child{margin-bottom:0}.kb-row-space{justify-content:center;padding-left:0!important}.kb-key{height:44px;background:var(--bg);border:1px solid var(--border2);border-bottom:3px solid rgba(100,116,139,.2);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:default;transition:all .08s;overflow:hidden;flex-shrink:0}.kb-tib{font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:.95rem;color:var(--text);line-height:1.1}.kb-sub{font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:.5rem;color:var(--muted);line-height:1;margin-top:-1px}.kb-eng{font-family:JetBrains Mono,monospace;font-size:.5rem;color:var(--muted);letter-spacing:.02em;line-height:1}.kb-label{font-family:Inter,sans-serif;font-size:.55rem;color:var(--muted);font-weight:600;letter-spacing:.02em}.kb-shift{background:#1e293bcc}.kb-key.pressed{background:#38bdf82e;border-color:#38bdf859;border-bottom-width:1px;transform:translateY(2px)}.kb-key.active{background:#22c55e1f;border-color:#22c55e4d}.kb-key.active .kb-tib{color:var(--green)}.kb-key.hint-next{background:#38bdf81a;border-color:#38bdf84d;box-shadow:0 0 10px #38bdf81f}.kb-key.hint-next .kb-tib,.kb-key.hint-next .kb-eng,.kb-key.hint-next .kb-label{color:var(--accent)}.type-ref{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem}.type-ref summary{padding:.65rem 1rem;font-size:.78rem;font-weight:600;color:var(--text2);cursor:pointer;list-style:none;display:flex;align-items:center;gap:.5rem}.type-ref summary:before{content:"▸";transition:transform .15s;display:inline-block}.type-ref[open] summary:before{transform:rotate(90deg)}.type-ref summary::-webkit-details-marker{display:none}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 1rem 1rem}.ref-col{display:flex;flex-direction:column;gap:.25rem}.ref-col h4{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.15rem}.ref-col span{font-size:.72rem;color:var(--text2);display:flex;align-items:center;gap:.3rem}.ref-col kbd{display:inline-block;background:var(--bg);border:1px solid var(--border2);border-radius:3px;padding:.05rem .25rem;font-family:JetBrains Mono,monospace;font-size:.75em;color:var(--text);text-align:center}.ref-col .tib{font-family:Jomolhari,"Noto Serif Tibetan",serif;font-size:1.3em;color:var(--accent)}@media (max-width: 900px){.type-page{padding:.75rem 1rem 2rem}.kb-key{height:38px}.kb-tib{font-size:.85rem}.kb-sub{display:none}.type-target{font-size:1.5rem}.ref-grid{grid-template-columns:repeat(2,1fr)}.type-title-row{flex-wrap:wrap;gap:.5rem}.type-stats{flex-wrap:wrap}.type-result-inner{flex-wrap:wrap;justify-content:center;text-align:center}}@media (max-width: 600px){.type-page{padding:.5rem .75rem 2rem}.kb-key{height:34px}.kb-tib{font-size:.75rem}.kb-eng{font-size:.4rem}.type-target{font-size:1.2rem}.type-keyboard{padding:.5rem}.type-zone{padding:.85rem 1rem}.ref-grid{grid-template-columns:1fr 1fr}.lesson-pills{flex-wrap:wrap}}