*{box-sizing:border-box}body{margin:0;line-height:1.6;font-size:14px;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}button,input,select,textarea{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-text)}button{border:0;background:none}button:disabled{opacity:.5;cursor:not-allowed}button svg,a svg{width:16px;height:16px;flex-shrink:0}p{margin:0 0 16px;color:var(--muted)}h1,h2,h3{font-weight:500;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px}h1{font-size:30px}h2{font-size:24px}h3{font-size:19px}.container{width:min(1080px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}textarea:focus-visible{outline-offset:2px}::selection{background:#e2b71455;color:var(--text)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;z-index:99;background:var(--accent);color:#080808;padding:10px}.skip-link:focus{top:8px}
.site-header{padding:20px 0 12px}.nav{display:flex;align-items:center;gap:38px;min-height:48px}.brand{font-size:26px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{color:var(--accent);font:32px/1 var(--hindi);border-bottom:2px solid var(--accent);padding:2px 3px}.nav nav{display:flex;gap:24px;align-items:center;font-size:13px;color:var(--muted)}.nav nav>a[aria-current]{color:var(--accent-text)}#theme-toggle{margin-left:auto;white-space:nowrap}.tools-menu{position:relative}.tools-menu summary{list-style:none;padding:8px 0}.tools-menu summary:after{content:'⌄';margin-left:6px}.tools-menu>div{position:absolute;z-index:20;top:40px;left:-18px;width:225px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 12px 30px #0002}.tools-menu a{display:block;padding:9px 12px;border-radius:5px}.tools-menu a:hover{background:var(--surface)}.text-button{font-size:12px;color:var(--muted);min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:4px 8px}.text-button:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#080808;border:1px solid var(--accent);border-radius:5px;padding:8px 18px;font-weight:550;font-size:13px;min-height:36px}.button:hover{background:#f2cb39;color:#080808}.button.secondary{background:none;border-color:var(--border);color:var(--text)}select{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:7px 10px;font-size:12px;max-width:100%}input[type=checkbox]{accent-color:var(--accent)}
.typing-workspace{padding-top:14px}.workspace-title{display:flex;gap:20px;align-items:center;margin-bottom:18px}.workspace-title h1{font-size:18px;letter-spacing:-.02em;margin:0}.workspace-title>span{font:11px var(--mono);color:var(--muted);margin-left:auto}.keyboard-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 12px;width:fit-content;max-width:100%;margin:0 auto 20px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px}.keyboard-controls select{border:0;background:transparent;font-family:var(--mono);color:var(--text)}select option{background:var(--surface);color:var(--text)}.keyboard-controls .text-button{font-family:var(--mono);font-size:11px}.hint-toggle{font:11px var(--mono);color:var(--muted);display:flex;align-items:center;gap:5px;padding-left:8px;border-left:1px solid var(--border)}.typing-stage{margin:0 auto;max-width:100%}.practice-stats{display:flex;align-items:baseline;gap:24px;font:12px var(--mono);color:var(--muted);margin:0 0 8px}.practice-stats strong{font-size:22px;font-weight:400;color:var(--accent-text)}#timer{margin-left:auto;color:var(--accent-text)}.target-text{position:relative;font:30px/1.9 var(--hindi);font-weight:400;color:var(--muted);height:114px;overflow:auto;scrollbar-width:none;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:0;padding:0 3px;cursor:text}.target-text .correct{color:var(--text)}.target-text .incorrect{color:var(--error);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.target-text .current{position:relative}.target-text .current:before{content:'';position:absolute;left:-2px;top:0;height:1.25em;width:2px;background:var(--accent)}.keyboard-editor{margin-top:6px;border-bottom:1px solid var(--border)}.keyboard-editor textarea{display:block;resize:none;border:0;border-radius:2px;background:transparent;width:100%;height:45px;min-height:45px;padding:6px 3px;font:22px/1.5 var(--hindi);caret-color:var(--accent)}.keyboard-editor textarea::placeholder{font:14px/1.8 var(--sans);color:var(--muted)}.editor-bottom{display:flex;align-items:center;gap:16px;justify-content:space-between;color:var(--muted);font-size:11px;padding:4px 0;min-height:32px}.editor-bottom>div{display:flex;gap:6px;flex-shrink:0}.editor-bottom .text-button{font-size:11px;min-height:26px}.session-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 18px;min-height:34px}.session-actions .button{font-size:12px;padding:5px 16px;min-height:32px}.session-actions p{font-size:12px;margin:0}.remington-preview{font:22px/1.5 var(--hindi);height:34px;overflow:auto;white-space:pre-wrap;color:var(--text)}.keyboard-editor.remington-mode textarea{height:28px;min-height:28px;font:13px/1.5 var(--mono);color:var(--muted)}.explore-intro{font:32px/1.7 var(--hindi);margin:20px 0}.keyboard-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;padding:3px 0 7px}.virtual-keyboard{width:min(100%,830px);min-width:680px;margin:0 auto;--gap:5px}.key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:var(--gap);margin-bottom:5px}.key{position:relative;grid-column:span 4;height:43px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:5px;min-width:0;padding:0;text-align:center;font:11px var(--mono)}.key[data-units='2']{grid-column:span 8}.key[data-units='1.5']{grid-column:span 6}.key[data-units='1.75']{grid-column:span 7}.key[data-units='2.25']{grid-column:span 9}.key[data-units='2.75']{grid-column:span 11}.key[data-units='1.25']{grid-column:span 5}.key[data-units='6.25']{grid-column:span 25}.bottom-row [data-code=ControlLeft]{grid-column:1/span 5}.bottom-row [data-code=AltLeft]{grid-column:11/span 5}.bottom-row [data-code=Space]{grid-column:16/span 25}.bottom-row [data-code=AltRight]{grid-column:41/span 5}.bottom-row [data-code=ControlRight]{grid-column:56/span 5}.key .latin{position:absolute;left:5px;top:3px;font-size:10px;line-height:1}.key .legend{display:block;font:20px/1.5 var(--hindi);position:absolute;right:6px;bottom:0;color:var(--text)}.key .shift-legend{display:none}.key:hover{border-color:var(--muted);background:var(--surface)}.key.hint{border-color:var(--accent);color:var(--accent-text);background:#e2b7140d}.key.hint .legend{color:var(--accent-text)}.key.pressed,.key.active{background:var(--accent);border-color:var(--accent);color:#080808}.key.pressed .legend,.key.pressed .latin,.key.active .legend{color:#080808}.key[data-code=KeyF]:after,.key[data-code=KeyJ]:after{content:'';position:absolute;left:5px;bottom:6px;width:6px;border-bottom:1px solid currentColor}.workspace-foot{display:flex;justify-content:space-between;max-width:830px;margin:0 auto 14px;font:10px var(--mono);color:var(--muted)}.tool-guide{border-top:1px solid var(--border);margin:12px 0 0}.tool-guide summary{font-size:12px;color:var(--muted);padding:10px 0;cursor:pointer}.tool-guide .reading-block{padding:5px 0 16px;margin:0;max-width:850px}.tool-guide p{font-size:13px}.editor-help{font-size:12px;color:var(--muted);margin:10px 0}.history-clear{font-size:11px;color:var(--muted);text-decoration:underline;margin-left:12px}#local-progress{font:10px/1.6 var(--mono);margin:6px 0 16px}.tool-guide a,.reading-block a:not(.button){text-decoration:underline;text-underline-offset:3px}.page-heading{padding:30px 0 18px}.eyebrow{display:none}.page-heading p{max-width:750px;font-size:14px;margin:0}.page-heading h1{font-size:28px}.reading-block{max-width:760px;padding:20px 0 45px}.reading-block h2{margin-top:28px}.reading-block p{line-height:1.8}.reading-block a{color:var(--accent-text)}
/* Existing secondary tools share the same type scale and surfaces. */
.editor-section{padding:0 0 20px}.section-top{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.section-top h2{font-size:18px;margin:0}.local-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.local-note svg{width:14px}.editor-shell{border:1px solid var(--border);border-radius:6px;overflow:hidden}.editor-toolbar{padding:10px 16px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-title,.toolbar-actions{display:flex;align-items:center;gap:12px;font-size:13px}.tool-title svg{display:none}.writing-area textarea{display:block;width:100%;height:clamp(170px,calc(100dvh - 390px),350px);resize:vertical;min-height:130px;padding:18px;border:0;background:none;font:24px/1.8 var(--hindi);caret-color:var(--accent)}.writing-area textarea::placeholder{font:19px var(--mono);color:var(--muted)}.suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:8px 16px;min-height:48px}.candidate{font:18px var(--hindi);padding:4px 12px;border:1px solid var(--border);border-radius:4px}.candidate.selected{border-color:var(--accent);color:var(--accent-text)}.editor-shell>.editor-bottom{padding:8px 16px;border-top:1px solid var(--border)}.editor-help kbd{font:11px var(--mono);border:1px solid var(--border);padding:2px 5px;border-radius:3px}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-block:35px}.faq-section h2{font-size:23px}.faq-section p{font-size:13px}.faq-list details{border-bottom:1px solid var(--border);padding:14px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:13px}.faq-list p{margin:12px 0 0}.inline-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-text);font-size:13px}.mode-nav{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:14px}.mode-nav a{font-size:13px;padding:10px 0}.mode-nav a[aria-current]{color:var(--accent-text);border-bottom:2px solid var(--accent)}.converter-toolbar{display:flex;gap:16px;align-items:center;margin:10px 0}.converter-toolbar .local-note{margin-right:auto}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.converter-pane{border:1px solid var(--border);border-radius:5px;overflow:hidden;min-width:0}.converter-pane label{display:block;padding:10px 14px;background:var(--surface);font-size:12px}.converter-pane textarea{display:block;width:100%;border:0;background:none;resize:vertical;height:clamp(150px,calc(100dvh - 460px),350px);padding:14px;font:22px/1.8 var(--hindi)}body[data-page=to-krutidev] #converter-output,body[data-page=to-unicode] #converter-input{font-family:var(--mono);font-size:17px}.converter-pane>span{display:block;padding:7px 14px;font:11px var(--mono);color:var(--muted);border-top:1px solid var(--border)}.converter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0}.notice{font-size:12px;color:var(--muted);border-left:2px solid var(--accent);padding:6px 12px;margin:10px 0}.download-panel{padding:20px 0 40px;max-width:760px}.large-windows{display:none}.download-panel h2{font-size:24px;margin:16px 0}.download-panel .inline-link{margin:16px}.tag{font:11px var(--mono);color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-block:18px;margin-top:25px;font:11px var(--mono);color:var(--muted)}footer nav{display:flex;gap:22px}.footer-note{color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(12px);border-radius:6px;padding:10px 18px;max-width:calc(100% - 24px);font-size:13px;z-index:30}
@media(min-width:850px) and (max-height:740px){.site-header{padding-top:10px}.typing-workspace{padding-top:6px}.workspace-title{margin-bottom:10px}.keyboard-controls{margin-bottom:12px}.target-text{font-size:27px;height:96px;line-height:1.75}.key{height:37px}.key .legend{font-size:18px}.session-actions{margin:8px 0 10px}.workspace-foot{margin-bottom:8px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.site-header{padding:12px 0 5px}.nav{gap:12px;flex-wrap:wrap}.brand{font-size:23px}.nav nav{order:3;width:100%;gap:26px;padding:0 0 6px}.nav #theme-toggle{font-size:11px}.tools-menu>div{left:auto;right:0}.workspace-title{margin-bottom:12px;align-items:start}.workspace-title>span{display:none}.workspace-title h1{font-size:17px}.typing-workspace{padding-top:10px}.keyboard-controls{justify-content:flex-start;width:100%;gap:4px 8px;padding:6px;margin-bottom:16px}.keyboard-controls select{font-size:11px;padding:6px}.hint-toggle{font-size:10px}.target-text{font-size:25px;line-height:1.8;height:135px}.practice-stats{font-size:11px;gap:16px}.practice-stats strong{font-size:19px}.keyboard-editor textarea{font-size:20px}.session-actions{justify-content:flex-start;gap:12px;margin:10px 0}.session-actions p{font-size:11px}.keyboard-scroll{margin-top:10px}.virtual-keyboard{min-width:680px}.key{height:44px}.workspace-foot{font-size:9px;margin-top:3px}.workspace-foot>span:last-child{display:none}.editor-bottom{gap:6px;font-size:10px}.page-heading{padding-top:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.section-top{display:block}.section-top .local-note{margin-top:8px}.editor-toolbar{flex-wrap:wrap;padding:8px 10px}.toolbar-actions{width:100%;gap:8px;justify-content:space-between}.toolbar-actions .text-button{font-size:11px}.editor-shell>.editor-bottom{flex-wrap:wrap;padding:8px 10px}.editor-bottom>div{margin-left:auto}.faq-section{grid-template-columns:1fr;gap:14px}.converter-grid{gap:8px}.converter-pane label{padding:8px;font-size:11px}.converter-pane textarea{height:210px;font-size:19px;padding:10px;resize:none}.converter-pane>span{padding:6px 8px;font-size:10px}.converter-toolbar{flex-wrap:wrap;gap:10px}.converter-toolbar .local-note{width:100%;font-size:11px}.converter-actions{gap:8px}.converter-actions .button{font-size:11px;padding:7px 11px}.mode-nav{gap:18px}.mode-nav a{font-size:12px}footer{flex-wrap:wrap;font-size:10px;gap:12px}footer nav{gap:20px}.footer-note{display:none}.download-panel .inline-link{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.site-header,footer,.workspace-title,.keyboard-controls,.typing-stage,.tool-guide,.workspace-foot,#local-progress,.toast{display:none!important}:root{--bg:white;--text:black;--muted:#333;--border:#777}.container{width:100%}.keyboard-scroll{overflow:visible}.virtual-keyboard{min-width:0;width:100%}.key{height:55px;print-color-adjust:exact}}

[lang=hi]{font-family:var(--hindi)}.target-text[lang=hi]{line-height:1.9}.key:disabled{opacity:.8}.key[data-code=Backspace]{font-family:var(--sans)}

/* Direct passage typing experience */
.site-header{padding:12px 0 4px}.nav{min-height:40px;gap:30px}.brand{font-size:22px}.brand-mark{font:500 27px/1 Hind,sans-serif}.nav nav{gap:21px}.tools-menu>div{top:34px}.typing-workspace{width:min(920px,calc(100% - 48px));padding-top:8px}.workspace-title{margin:4px 0 8px}.workspace-title h1{font-size:15px;color:var(--muted)}.keyboard-controls{margin:0 auto 34px;padding:5px 10px;gap:7px;background:var(--glass);border-color:#ffffff12;border-radius:7px}.typing-stage{position:relative;min-height:230px}.practice-panel{position:relative}.practice-stats{margin-bottom:10px}.target-text{height:156px;padding:0 2px;font:400 32px/1.78 Hind,'Noto Sans Devanagari',sans-serif;color:var(--muted);outline:0;overflow-y:hidden;isolation:isolate}.target-text.focused{cursor:text}.target-text .correct{color:var(--text)}.target-text .incorrect{color:#ff8a8f;text-decoration:none}.target-text .current:before{display:none}.typing-caret{position:absolute;left:0;top:0;width:2px;border-radius:2px;background:var(--accent);transform-origin:top left;transition:transform 72ms cubic-bezier(.22,.75,.32,1),height 72ms ease;animation:caret-pulse 1s steps(2,end) infinite;z-index:2;pointer-events:none}.typing-caret.instant{transition:none}.target-text:not(.focused) .typing-caret{opacity:.45}.passage-placeholder{color:var(--text)}.passage-placeholder.empty{color:var(--muted)}.capture-input{position:absolute;z-index:3;inset:34px 0 42px;width:100%;opacity:0;cursor:text;resize:none;border:0}.keyboard-help,#practice-feedback{font-size:11px;color:var(--muted);margin:6px 0 0}.keyboard-help{font-family:var(--mono)}#practice-feedback{text-align:right;margin-top:-18px}.results-open .practice-panel{opacity:.12;filter:blur(2px);transition:opacity .2s ease,filter .2s ease}.result-panel{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 90%,transparent);animation:result-in .22s ease both}.result-panel>span{font:11px var(--mono);color:var(--muted)}.result-panel>div{display:grid;grid-template-columns:auto auto;gap:1px 16px;align-items:end;margin:15px 0 20px}.result-panel strong{font:42px/1 var(--mono);color:var(--accent-text);font-weight:400}.result-panel small{font:10px var(--mono);color:var(--muted)}
.keyboard-scroll{margin-top:12px;padding:2px 0 6px}.virtual-keyboard{width:560px;min-width:520px;--gap:4px}.key-row{gap:var(--gap);margin-bottom:4px}.key{height:31px;border-color:#ffffff17;border-radius:4px;font-size:9px;transition:transform 60ms ease,background-color 60ms ease,border-color 60ms ease}.key .latin{font-size:8px;left:4px;top:3px}.key .legend{font:500 15px/1.3 Hind,'Noto Sans Devanagari',sans-serif;right:5px;bottom:0}.key.pressed,.key.active{transform:translateY(1px) scale(.96)}.key.hint{background:#e2b71417}.workspace-foot{max-width:560px;margin-bottom:8px}.tool-guide{margin-top:5px}#local-progress{margin-top:4px}.keymap-toggle[aria-pressed=true]{color:var(--accent-text)}
@keyframes caret-pulse{0%,45%{opacity:1}55%,100%{opacity:.28}}@keyframes result-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.typing-workspace{width:calc(100% - 30px)}.site-header{padding-top:8px}.nav{gap:9px}.nav nav{gap:18px}.keyboard-controls{margin-bottom:24px}.target-text{height:190px;font-size:28px;line-height:1.72}.typing-stage{min-height:260px}#practice-feedback{text-align:left;margin-top:5px}.virtual-keyboard{min-width:520px;width:520px}.key{height:32px}.keyboard-scroll{margin-top:8px}.workspace-title{display:none}}
@media(prefers-reduced-motion:reduce){.typing-caret,.result-panel,.results-open .practice-panel{transition:none!important;animation:none!important}.target-text{scroll-behavior:auto!important}.key{transition:none!important}}

/* Compact navigation and focused typing surface. */
.site-header{display:flex;justify-content:center;padding:12px 16px 5px;position:relative;z-index:40}.nav-shell{width:max-content;max-width:calc(100vw - 28px);display:flex;align-items:center;gap:8px;padding:5px 7px 5px 8px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:0 8px 28px #00000018;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.brand{font-size:15px;font-weight:600;letter-spacing:-.035em;gap:6px;padding:0 7px 0 2px}.brand-mark{font:500 20px/1 Hind,sans-serif;padding:0 2px 1px}.nav-shell>nav{display:flex;align-items:center;gap:2px}.nav-shell>nav>a,.tools-menu>summary{height:31px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;color:var(--muted);font-size:11px;list-style:none}.nav-shell>nav>a:hover,.tools-menu>summary:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.nav-shell>nav>a[aria-current]{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-text)}.icon{width:16px;height:16px;display:inline-block;flex:0 0 auto}.tools-menu summary:after{display:none}.menu-caret{font-size:12px;line-height:1;transition:transform .15s ease}.tools-menu[open] .menu-caret{transform:rotate(180deg)}.tools-menu>div{top:42px;left:auto;right:-48px;width:258px;padding:7px;border-radius:14px;background:color-mix(in srgb,var(--bg) 84%,transparent);border-color:color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 18px 48px #0006;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.tools-menu a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:9px 10px;border-radius:8px}.tools-menu a:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}.tools-menu a .icon{color:var(--accent-text)}.tools-menu a span{display:flex;flex-direction:column;line-height:1.3}.tools-menu a strong{font-size:12px;font-weight:500;color:var(--text)}.tools-menu a small{font:9px var(--mono);color:var(--muted)}.icon-button{width:31px;height:31px;display:grid;place-items:center;margin-left:2px;border-radius:50%;color:var(--muted)}.icon-button:hover{background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)}.theme-light{display:none}:root[data-theme=light] .theme-light{display:inline-flex}:root[data-theme=light] .theme-dark{display:none}
.keyboard-controls{gap:2px;padding:4px 5px;border-radius:999px}.select-control{position:relative;display:flex;align-items:center;gap:3px;height:30px;padding-left:8px;border-radius:999px;color:var(--muted)}.select-control:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text)}.select-control .icon{width:14px;height:14px}.select-control select{appearance:none;-webkit-appearance:none;padding:4px 22px 4px 4px;min-height:28px;cursor:pointer}.select-caret{position:absolute;right:8px;top:4px;font-size:11px;pointer-events:none}.toolbar-button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border-radius:999px;color:var(--muted);font:10px var(--mono)}.toolbar-button:hover,.toolbar-button[aria-pressed=true]{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.toolbar-button .icon{width:14px;height:14px}.target-text{height:171px;height:3lh;padding-bottom:10px;overflow-y:hidden}.capture-input{inset:34px 0 34px}.focus-overlay{position:absolute;z-index:4;inset:30px 0 24px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--text);font:13px var(--mono);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.focus-overlay .icon{width:19px;height:19px;color:var(--accent-text)}.practice-panel,.keyboard-scroll{transition:opacity .16s ease,filter .16s ease}.is-unfocused .focus-overlay{opacity:1;visibility:visible;pointer-events:auto}.is-unfocused .practice-panel{opacity:.16;filter:blur(4px)}.is-unfocused .keyboard-scroll{opacity:.22;filter:blur(2.5px)}.is-unfocused .workspace-foot{opacity:.32}.is-unfocused .typing-caret{animation:none}.virtual-keyboard{width:560px;min-width:520px}
@media(min-width:850px) and (max-height:740px){.site-header{padding-top:7px}.keyboard-controls{margin-bottom:12px}.target-text{font-size:27px;line-height:1.72}.typing-stage{min-height:205px}.keyboard-scroll{margin-top:5px}.tool-guide{margin-top:2px}}
@media(max-width:760px){.site-header{padding:8px 8px 3px}.nav-shell{gap:3px;padding:4px 5px}.brand{font-size:14px;padding-right:3px}.brand-mark{font-size:18px}.nav-shell>nav>a,.tools-menu>summary{width:31px;padding:0;justify-content:center}.nav-shell>nav>a span,.tools-menu>summary>span:not(.menu-caret){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-caret{display:none}.tools-menu>div{position:fixed;top:58px;left:14px;right:14px;width:auto}.icon-button{margin-left:0}.keyboard-controls{border-radius:12px;justify-content:center}.toolbar-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.toolbar-button{width:31px;padding:0;justify-content:center}.target-text{padding-bottom:8px}.focus-overlay{font-size:11px;text-align:center;padding:0 20px}.virtual-keyboard{width:520px;min-width:520px}}
@media(prefers-reduced-motion:reduce){.menu-caret,.focus-overlay,.practice-panel,.keyboard-scroll{transition:none!important}}