@import"https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700;800&family=Merriweather:wght@400;700&display=swap";:root{font-family:Hind Siliguri,Inter,system-ui,sans-serif;color:#23242c;background:#f5f5f8;font-synthesis:none;--surface:#fff;--muted:#555c6a;--border:#dfe4eb;--accent:#5369dc;--soft:#eceeff;--typing:#66717f;--input:#f8fafb}*{box-sizing:border-box}body{margin:0}[data-theme=dark]{color:#f4f4f6;background:#212121;--surface:#292929;--muted:#c3c3cd;--border:#424247;--accent:#a8b4ff;--soft:#303248;--typing:#ededf2;--input:#262626}html[lang=en]{font-family:Inter,Hind Siliguri,sans-serif}button,textarea,select,input{font:inherit}button{border:1px solid var(--border);border-radius:7px;background:transparent;color:inherit;padding:9px 15px;cursor:pointer;font-size:15px}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:#161827;border-color:var(--accent);font-weight:600}.primary:hover{color:#161827;filter:brightness(1.08)}header{max-width:1200px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:27px;font-weight:600}.brand b{color:var(--accent);display:grid;place-items:center;width:34px;font-size:38px;font-weight:500}.brand span{font-size:14px;font-weight:400;color:var(--muted);padding-left:12px;border-left:1px solid var(--border)}.actions{display:flex;gap:12px;align-items:center}.actions>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.ui-switch{display:flex;gap:3px;border:1px solid var(--border);padding:3px;border-radius:7px}.ui-switch button{font-size:14px;padding:4px 8px;border:0}.ui-switch .selected{background:var(--soft);color:var(--accent)}main{max-width:1136px;margin:auto;padding:0 32px}nav{display:flex;gap:20px;padding:12px 0 20px;border-bottom:1px solid var(--border)}nav button{border:0;border-radius:0;background:none;color:var(--muted);padding:10px 0}nav .active{color:var(--accent);box-shadow:0 2px var(--accent)}.intro{display:flex;align-items:center;justify-content:space-between;margin:32px 0 22px}.eyebrow{font-family:Inter,Hind Siliguri,sans-serif;font-size:13px;font-weight:500;color:var(--accent);letter-spacing:.04em}h1{font-size:34px;font-weight:500;margin:8px 0;line-height:1.5}p{color:var(--muted);line-height:1.8;font-size:16px;margin:10px 0}.mini{padding:10px 0 10px 24px;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:5px;min-width:150px}.mini strong{font-size:27px;font-family:Inter,sans-serif;font-weight:500}.mini span{font-size:14px;color:var(--muted)}.workspace{padding:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;margin:30px 0;min-height:350px}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0}.toolbar>button{margin-left:auto}.group{display:flex;gap:5px}.group button{background:none;border:0;color:var(--muted);padding:7px 12px}.group .selected{background:var(--soft);color:var(--accent)}.language-control{display:flex;align-items:center;gap:10px}.language-control label{margin:0}select{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;max-width:100%}.sound-controls{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px}.sound-controls button{font-size:13px;padding:5px 10px;color:var(--muted)}.sound-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.sound-controls label{font-size:13px;margin:0}.sound-controls input{width:90px;accent-color:var(--accent)}.stats{display:flex;gap:48px;margin:15px 0 22px;padding:16px 0;border-block:1px solid var(--border)}.stats>div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:30px;font-family:Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-1px;color:var(--accent)}.stats span{font-size:14px;color:var(--muted)}.passage{font-family:Hind Siliguri,Inter,system-ui,sans-serif;font-size:30px;line-height:1.85;color:var(--typing);padding:12px 0 22px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:290px;overflow:auto}.passage[lang=en]{font-family:Inter,system-ui,sans-serif;font-size:25px;line-height:1.9;letter-spacing:.015em}.correct{color:#b5c1ff}[data-theme=light] .correct{color:#465bc2}.incorrect{color:#ff9d9d;background:#e65c5c17}.cursor{border-bottom:2px solid var(--accent);background:var(--soft)}label{display:block;font-size:14px;margin-bottom:8px;color:var(--muted)}textarea{display:block;width:100%;min-height:90px;border:1px solid var(--border);border-radius:7px;background:var(--input);color:inherit;padding:14px 18px;resize:vertical;font-size:20px;line-height:1.8}textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.test-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.test-footer>span{margin-right:auto;font-size:14px;color:var(--muted)}.test-footer button{font-size:14px}.keyboard-section{margin:28px 0 0;border-top:1px solid var(--border);padding-top:16px}.keyboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.keyboard-toolbar>button{border:0;padding:0;color:var(--muted)}.guide-hint{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--muted);min-height:46px}.finger-dot{width:10px;height:10px;border-radius:50%}.next-char{font-family:Hind Siliguri,sans-serif;font-size:22px;color:var(--accent)}.keyboard-scroll{overflow-x:auto;padding:5px}.keyboard{max-width:850px;min-width:610px;margin:auto}.key-row{display:flex;gap:5px;margin:5px 0}.keycap{flex:1;min-width:0;height:47px;border:1px solid color-mix(in srgb,var(--finger) 32%,var(--border));border-bottom-width:3px;border-radius:6px;background:color-mix(in srgb,var(--finger) 6%,var(--surface));color:var(--finger);display:flex;flex-direction:column;padding:3px 8px;position:relative;transition:background .07s,transform .07s}.keycap small{font-size:11px;line-height:1.2;opacity:.7;font-family:Inter,sans-serif}.keycap strong{font-size:19px;font-weight:500;line-height:1.3}.keycap.modifier{flex:1.5;justify-content:center}.keycap.modifier small{display:none}.keycap.modifier strong{font-family:Inter,sans-serif;font-size:12px}.keycap.space{flex:7}.keycap.home:after{content:"";position:absolute;bottom:5px;left:45%;width:10px;height:2px;background:var(--finger)}.keycap.next{outline:2px solid var(--finger);outline-offset:1px}.keycap.pressed{background:var(--finger);color:#202027;transform:translateY(2px);border-color:var(--finger);box-shadow:0 0 12px color-mix(in srgb,var(--finger) 35%,transparent)}.hands{display:flex;justify-content:center;gap:48px;max-width:650px;margin:18px auto 10px}.hand{flex:1;text-align:center;color:var(--muted)}.hand>span{font-size:12px;letter-spacing:.05em}.finger-map{display:flex;align-items:end;gap:9px;height:81px}.finger{flex:1;min-width:0;color:var(--finger);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:6px}.finger i{display:block;width:12px;height:29px;border:1px solid var(--finger);border-radius:8px;background:color-mix(in srgb,var(--finger) 10%,var(--surface))}.finger:nth-child(2) i,.finger:nth-child(4) i{height:37px}.finger:nth-child(3) i{height:44px}.finger-active i{background:var(--finger);box-shadow:0 0 15px color-mix(in srgb,var(--finger) 30%,transparent)}.keyboard-note{text-align:center;font-size:14px;max-width:800px;margin:18px auto}.below{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;margin:32px 0;border-top:1px solid var(--border);padding-top:28px}.below section{padding:0}.below textarea{font-size:17px;min-height:100px}.below h2{font-size:23px;font-weight:500;line-height:1.6;margin:10px 0}.below button{margin-top:14px}.result{padding:24px;background:var(--soft);border:1px solid var(--border);border-radius:10px;margin-top:24px}.result h2{font-weight:500}.result button{margin:8px 10px 0 0}.notice{padding:12px 18px;background:var(--soft);border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin-top:14px}.notice button{border:0;background:none}.table-wrap{overflow:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:500}.empty{padding:30px;background:var(--soft);border-radius:8px}.prose{max-width:800px}footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted);padding:26px 0 34px;border-top:1px solid var(--border)}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}@media(max-width:760px){header{padding:18px 20px;gap:8px}.brand{font-size:22px}.brand span{display:none}.brand b{width:26px;font-size:30px}.actions{gap:7px}.actions>span{display:none}.actions .primary{padding:8px 10px;font-size:13px}main{padding:0 20px}nav{gap:22px;overflow:auto;white-space:nowrap}nav button{font-size:14px}h1{font-size:28px}.intro{margin:24px 0 15px}.mini{display:none}.toolbar{gap:8px}.toolbar>button{font-size:13px}.group button{padding:7px 8px;font-size:13px}.language-control{gap:6px}.stats{justify-content:space-between;gap:15px}.stats strong{font-size:26px}.stats span{font-size:13px}.passage{font-size:26px;line-height:1.8;max-height:260px}.passage[lang=en]{font-size:23px}.test-footer>span{width:100%}.keyboard-toolbar{align-items:flex-start;flex-direction:column}.keyboard-toolbar select{width:100%}.keyboard-scroll{margin-inline:-5px}.hands{gap:22px}.finger-map{gap:5px}.finger{font-size:11px}.keyboard-note{font-size:13px;text-align:left}.below{grid-template-columns:1fr;gap:26px}.panel{padding:20px}.sound-controls label{display:none}.ui-switch button{font-size:12px;padding:4px 6px}footer{flex-wrap:wrap;font-size:13px}}@media(prefers-reduced-motion:reduce){.keycap{transition:none}}@media(max-width:760px){.hands{flex-direction:column;gap:20px;max-width:360px}.finger-map{gap:10px;height:88px}.finger{font-size:14px}.hand>span{font-size:14px}.finger i{width:15px}.guide-hint{flex-wrap:wrap}.keyboard-scroll:after{content:"↔";display:block;text-align:center;color:var(--muted);font-size:15px;margin-top:6px}}body{background-image:radial-gradient(ellipse at 85% 0%,#858cff0b,transparent 48%)}h1,h2,.brand{letter-spacing:0}.brand span{line-height:1.8}nav button,.test-footer>span,label,.keyboard-note,.keyboard-toolbar>button{font-size:15px}.passage{font-weight:400;line-height:2.05}.passage[lang=bn]{font-family:Hind Siliguri,serif;letter-spacing:0}.cursor{background:#9aa9ff20;border-bottom-width:3px}.stats strong{color:#d7ddff}[data-theme=light] .stats strong{color:var(--accent)}.workspace{position:relative;border:1px solid var(--border);border-radius:15px;padding:23px 25px;background:linear-gradient(145deg,#ffffff04,transparent 45%);box-shadow:0 16px 50px #0000000b}.workspace:before{content:"";position:absolute;top:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#a8b4ff88,transparent);pointer-events:none}.intro h1{font-weight:600}.intro p{color:var(--muted)}.primary{box-shadow:0 3px 15px #929dff16}.sound-controls button[aria-pressed=true]{background:var(--soft)}.time-track{height:3px;width:100%;display:block;border:0;border-radius:5px;overflow:hidden;background:var(--border);margin:13px 0 0;accent-color:var(--accent)}.time-track::-webkit-progress-bar{background:var(--border)}.time-track::-webkit-progress-value{background:linear-gradient(90deg,#879cff,#c4aaff);transition:width .2s linear}.time-track::-moz-progress-bar{background:#a8b4ff}.below{gap:26px}.below section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.below p{color:var(--muted)}.keycap{background:color-mix(in srgb,var(--finger) 9%,var(--surface))}.keycap.next{box-shadow:0 0 17px color-mix(in srgb,var(--finger) 12%,transparent)}footer a{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.intro{animation:surface-enter .4s ease-out both}.workspace{animation:surface-enter .5s ease-out both}button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:not(:disabled):hover{transform:translateY(-1px)}button:active{transform:translateY(1px)}.cursor{animation:cursor-glow 1.4s ease-in-out infinite}.finger-active i{animation:finger-glow 1.6s ease-in-out infinite}@keyframes surface-enter{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-glow{50%{background:#a8b4ff08;border-bottom-color:#d9dfff}}@keyframes finger-glow{50%{box-shadow:0 0 20px color-mix(in srgb,var(--finger) 45%,transparent)}}}@media(prefers-reduced-motion:reduce){.time-track::-webkit-progress-value{transition:none}}@media(max-width:760px){.workspace{padding:17px 14px;border-radius:12px}.below section{padding:20px}.passage{line-height:2.05;font-size:25px}.brand{font-size:21px}.intro h1{font-size:27px}nav{gap:18px}.keyboard-note{font-size:14px}.finger-map{gap:7px}.finger{font-size:13px}}.reading-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0 5px}.reading-controls label{margin:0}.reading-controls select{max-width:100%;min-width:180px}.reading-controls>span{font-size:13px;color:var(--muted)}.passage-info{padding-top:24px}.passage-info>span{font-size:13px;color:var(--accent)}.passage-info h2{font-size:21px;margin:9px 0 8px}.passage-info small{color:var(--muted);line-height:1.8}.passage-info+.passage{margin-top:20px}@media(max-width:760px){.reading-controls{gap:9px}.reading-controls label{width:100%}.passage-info h2{font-size:20px}}:root{--gold:#956321;--hero-ink:#272839;--map-fill:#dddfe9;--map-stroke:#989eba}[data-theme=dark]{--gold:#efc798;--hero-ink:#faf7f2;--map-fill:#35394b;--map-stroke:#858cab}body{background-image:radial-gradient(ellipse at 12% 6%,#a8b4ff0c,transparent 35%),radial-gradient(ellipse at 95% 28%,#efc79806,transparent 30%)}header{padding-top:23px;padding-bottom:23px}.brand b{border:1px solid #a8b4ff45;border-radius:13px;width:43px;height:43px;font-size:31px;background:var(--soft)}nav{margin-bottom:0}main{max-width:1200px}.culture-hero{padding:38px 0 30px}.hero-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:65px;align-items:center}.hero-copy{padding:18px 0}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gold);letter-spacing:.035em}.hero-eyebrow>span{height:6px;width:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px #efc79855}.hero-copy h1{font-size:clamp(34px,4.1vw,55px);font-weight:500;line-height:1.5;letter-spacing:-.01em;margin:24px 0 18px;color:var(--hero-ink)}.hero-copy h1 em{font-style:normal;background:linear-gradient(105deg,#a8b4ff,#d8b6e8 70%,#efc798);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .hero-copy h1 em{background:linear-gradient(105deg,#4b5dba,#855c9b 70%,#956321);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:480px;font-size:17px;line-height:2;color:var(--muted);margin-bottom:25px}.hero-start{padding:13px 20px;display:inline-flex;align-items:center;gap:28px;border-radius:11px}.hero-start>span{font-size:22px}.hero-metrics{display:flex;gap:30px;margin-top:36px}.hero-metrics>div{display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--border);padding-right:24px}.hero-metrics>div:last-child{border:0;padding:0}.hero-metrics strong{font-size:23px;color:var(--hero-ink);font-weight:500}.hero-metrics span{font-size:12px;color:var(--muted)}.thread-line{display:flex;align-items:center;gap:14px;color:var(--gold);margin-top:35px;width:270px;opacity:.6}.thread-line i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.map-panel{padding:22px 25px 16px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(ellipse at 50% 42%,#a8b4ff12,transparent 65%),var(--surface);position:relative;box-shadow:0 20px 70px #00000018;overflow:hidden}.map-panel:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.map-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.04em}.map-heading small{font:10px Inter,sans-serif;color:var(--gold)}.district-map{width:100%;height:310px;display:block;color:var(--muted);margin:8px auto}.district{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:.75;cursor:pointer;transition:fill .15s,stroke .15s;vector-effect:non-scaling-stroke}.district:hover,.district:focus-visible{fill:#a8b4ff;stroke:#eceeff;outline:none}.selected-district{fill:#a8b4ff;stroke:#efc798;stroke-width:1.5}.map-pulse{fill:#efc79818;stroke:#efc798;stroke-width:1;pointer-events:none}.map-label{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px 15px;background:var(--input);border:1px solid var(--border);border-radius:13px}.map-label>span:first-child{font-size:10px;color:var(--muted);letter-spacing:.06em}.map-label strong{grid-row:2;font-size:23px;color:var(--hero-ink);font-weight:500}.map-label-arrow{grid-column:2;grid-row:1/3;align-self:center;font-size:24px;color:var(--gold)}.district-picker{display:flex;gap:14px;align-items:center;margin:15px 0 10px}.district-picker label{font-size:12px;white-space:nowrap;margin:0}.district-picker select{min-width:0;width:100%;padding:8px;font-size:13px;border-radius:8px}.district-practice{width:100%;text-align:left;display:flex;justify-content:space-between;border-color:#a8b4ff66;color:var(--accent);font-size:13px;padding:10px 13px;border-radius:10px}.map-credit{display:block;font:8px/1.8 Inter,sans-serif;color:var(--muted);margin-top:12px;opacity:.8;text-align:center}.map-credit a{color:inherit;text-decoration:none}.map-credit a:hover{text-decoration:underline}.culture-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.culture-card{display:flex;align-items:center;gap:19px;text-align:left;border-radius:15px;padding:20px 17px;background:linear-gradient(130deg,#a8b4ff06,transparent);position:relative;overflow:hidden}.culture-card>svg{width:56px;height:56px;flex-shrink:0;stroke:var(--gold);stroke-width:1.3}.culture-card>div{flex:1;min-width:0}.culture-card small{font-size:10px;letter-spacing:.04em;color:var(--muted)}.culture-card h2{font-size:20px;font-weight:500;color:var(--hero-ink);margin:7px 0 4px}.culture-card p{font-size:12px;color:var(--muted);margin:0}.culture-arrow{font-size:22px;align-self:start;color:var(--gold)}.culture-card.culture-active{background:var(--soft);border-color:var(--accent)}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0}.studio-heading>div>span{font-size:11px;letter-spacing:.06em;color:var(--gold)}.studio-heading h2{font-size:28px;font-weight:500;margin:8px 0 0}.studio-heading>span{font-size:12px;color:var(--muted)}.workspace{scroll-margin-top:20px;border-radius:20px;background:linear-gradient(160deg,#ffffff03,transparent),var(--surface)}.toolbar{padding-bottom:9px}.passage-info h2{color:var(--hero-ink)}.stats{gap:0;justify-content:space-between}.stats>div{flex:1;padding-left:22px;border-left:1px solid var(--border)}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-family:Inter,Hind Siliguri,serif}.test-footer{padding-bottom:8px}.keyboard-toolbar>button{color:var(--gold)}.keyboard-section{margin-top:17px;border-top:1px solid var(--border);padding-top:18px}.guide-hint{width:fit-content;max-width:100%;margin:18px auto;padding:13px 19px;border:1px solid #a8b4ff55;border-radius:12px;background:var(--soft);gap:12px;color:var(--hero-ink);font-size:15px}.guide-hint small{font:10px Inter,Hind Siliguri,serif;color:var(--muted);letter-spacing:.04em}.next-char{font-size:29px;line-height:1.5;min-width:34px;color:var(--gold)}.keycap{border-radius:8px;min-height:48px;background:color-mix(in srgb,var(--finger) 7%,var(--surface))}.keycap.next{outline:2px solid #f0c894;box-shadow:0 0 0 4px #efc79814,0 0 25px #efc7981a;background:color-mix(in srgb,var(--finger) 25%,var(--surface))}.keycap.shift-hint{outline-style:dashed}.keycap.pressed{background:var(--finger)}.keyboard-note{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:surface-enter .6s ease-out both}.map-panel{animation:surface-enter .7s ease-out both}.map-pulse{animation:map-breathe 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.culture-card:hover>svg{transform:rotate(-6deg);transition:transform .3s}@keyframes map-breathe{50%{transform:scale(1.6);opacity:.3}}}@media(max-width:1000px){.hero-top{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.hero-copy h1{font-size:40px}.hero-metrics{gap:15px}.hero-metrics>div{padding-right:15px}.culture-card{gap:12px;padding:17px 12px}.culture-card>svg{width:40px;height:40px}.culture-card h2{font-size:17px}.culture-arrow{display:none}}@media(max-width:760px){.culture-hero{padding-top:23px}.hero-top{grid-template-columns:1fr;gap:20px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(30px,7.9vw,43px);margin:19px 0 13px;line-height:1.55}.hero-copy>p{font-size:15px;line-height:2}.hero-eyebrow{font-size:12px}.hero-start{padding:11px 16px}.hero-metrics{margin-top:25px;gap:17px}.hero-metrics strong{font-size:21px}.hero-metrics span{font-size:10px}.thread-line{display:none}.map-panel{padding:19px 20px 14px;border-radius:19px}.district-map{height:275px}.map-label strong{font-size:22px}.culture-cards{grid-template-columns:1fr;gap:11px;margin-top:18px}.culture-card{padding:16px;gap:18px}.culture-card>svg{width:44px;height:44px}.culture-card h2{font-size:20px}.culture-arrow{display:block}.studio-heading{margin-top:7px}.studio-heading h2{font-size:23px}.studio-heading>span{font-size:10px;max-width:92px;text-align:right}.workspace{padding:18px 14px}.stats>div{padding-left:11px}.stats strong{font-size:25px}.stats span{font-size:11px}.guide-hint{padding:10px 12px;font-size:13px}.guide-hint small{font-size:9px}.next-char{font-size:26px}header .brand b{width:32px;height:34px;font-size:26px;border-radius:9px}header .brand{gap:8px}}.full-keyboard{min-width:1070px;padding:17px 15px 15px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#ffffff04,transparent),var(--input);box-shadow:0 8px 24px #0002}.keyboard-name{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:20px}.keyboard-name>span{font-size:23px;color:var(--hero-ink)}.keyboard-name>small{font:10px Inter,sans-serif;letter-spacing:.1em;color:var(--muted)}.keyboard-body{display:grid;grid-template-columns:minmax(0,1fr) 128px 170px;gap:16px}.full-keyboard .keyboard{min-width:0;width:100%;margin:0}.function-row{display:flex;gap:4px;margin-bottom:15px}.function-row .keycap:first-child{margin-right:16px}.function-row .keycap:nth-child(5),.function-row .keycap:nth-child(9){margin-right:9px}.function-row .keycap{min-height:31px;height:31px;padding:4px;font-size:10px;flex:1}.function-row .keycap strong{font-size:10px}.full-keyboard .key-row{gap:4px;margin-bottom:4px}.full-keyboard .keycap{min-height:47px;height:47px;padding:5px;border:1px solid #ffffff21;border-bottom:3px solid #ffffff30;border-radius:5px;box-shadow:0 2px 2px #00000040;background:linear-gradient(180deg,#ffffff07,transparent),var(--surface)}[data-theme=light] .full-keyboard .keycap{border-color:var(--border);border-bottom-color:#aeb3c1}.full-keyboard .keycap strong{font-size:20px;color:var(--finger);line-height:1.3;align-self:flex-end;padding-right:1px}.full-keyboard .keycap small{position:absolute;top:3px;right:4px;font-size:12px;line-height:1.3;color:var(--muted)}.latin-key{position:absolute;top:5px;left:5px;font:10px Inter,sans-serif;color:var(--hero-ink)}.full-keyboard .modifier strong{align-self:center;font:10px/1.4 Inter,sans-serif;color:var(--hero-ink)}.full-keyboard .keycap.next{border-color:#efc798;outline:2px solid #efc798;background:#a8b4ff26}.full-keyboard .keycap.pressed{background:var(--finger);border-color:var(--finger)}.full-keyboard .keycap.pressed strong,.full-keyboard .keycap.pressed small,.full-keyboard .keycap.pressed .latin-key{color:#202027}.navigation-top{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.navigation-top .keycap{height:31px;min-height:31px}.navigation-top .keycap:nth-child(3){margin-bottom:15px}.navigation-top .keycap:nth-child(n+4){height:47px;min-height:47px}.arrow-block{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,47px);gap:4px;margin-top:51px}.arrow-up{grid-column:2;grid-row:1}.arrow-left{grid-column:1;grid-row:2}.arrow-down{grid-column:2;grid-row:2}.arrow-right{grid-column:3;grid-row:2}.keyboard-leds{height:31px;display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:15px}.keyboard-leds span{width:12px;height:3px;border-radius:3px;background:#a8b4ff;box-shadow:0 0 8px #a8b4ff66}.keyboard-leds span:nth-child(n+2){opacity:.25}.numpad-keys{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:47px;gap:4px}.numpad-keys .tall-key{grid-row:span 2;height:98px}.numpad-keys .wide-key{grid-column:span 2}.full-keyboard .keycap.space{flex:6}.full-keyboard .keycap.home:after{background:var(--gold)}@media(max-width:760px){.full-keyboard{min-width:1070px}.keyboard-scroll{max-width:100%;padding:7px}.guide-hint{flex-wrap:wrap}.keyboard-note{line-height:1.9}}:root{font-family:DM Sans,Hind Siliguri,sans-serif;--focus-yellow:#ffd447;--metric-surface:#fff;--canvas-surface:#fff}[data-theme=dark]{--metric-surface:#2f2f31;--canvas-surface:#2b2b2d}html[lang=en]{font-family:DM Sans,Hind Siliguri,sans-serif}body{background-image:none}.brand{font-family:Hind Siliguri,serif}.brand span{font-family:DM Sans,Hind Siliguri,sans-serif}header{border-bottom:1px solid var(--border);max-width:none;padding-inline:max(24px,calc((100vw - 1136px)/2))}.actions .primary{background:var(--focus-yellow);color:#222;border-color:var(--focus-yellow);box-shadow:none}nav{justify-content:center;border:0;margin-top:15px;gap:32px}nav button.active{color:var(--hero-ink);border-color:var(--focus-yellow)}.test-heading{text-align:center;padding:42px 20px 20px;position:relative;overflow:hidden}.test-heading>.eyebrow{font:12px DM Sans,Hind Siliguri,sans-serif;letter-spacing:.15em;color:var(--muted)}.test-heading h1{font-family:Hind Siliguri,serif;font-size:43px;line-height:1.6;font-weight:600;margin:13px 0 8px;color:var(--hero-ink)}html[lang=en] .test-heading h1{font-family:DM Sans,sans-serif;font-size:58px;font-weight:800;line-height:1.2;letter-spacing:-.045em;margin:19px 0 15px}.test-heading>p{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.floating-letters{position:absolute;inset:0;pointer-events:none;color:var(--hero-ink);opacity:.13;font:40px Merriweather,Hind Siliguri,serif}.floating-letters span{position:absolute}.floating-letters span:nth-child(1){left:3%;top:29%;transform:rotate(-17deg)}.floating-letters span:nth-child(2){right:3%;top:16%;transform:rotate(18deg)}.floating-letters span:nth-child(3){right:8%;bottom:5%;font-size:27px;transform:rotate(-20deg)}.floating-letters span:nth-child(4){left:9%;bottom:8%;font-size:24px;transform:rotate(23deg)}.scoreboard{display:flex;justify-content:center;align-items:flex-start;gap:35px;margin:29px auto 33px;max-width:650px}.timer-metric{margin-right:24px;padding-top:3px}.timer-ring{position:relative;isolation:isolate;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--focus-yellow) var(--timer-angle),var(--border) 0);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.timer-ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--metric-surface);z-index:-1}.timer-ring strong{font:700 41px/1.2 DM Sans,sans-serif;color:var(--hero-ink)}.timer-ring>span{font-size:12px;color:var(--muted)}.score-metric{text-align:center}.score-metric>div{background:var(--metric-surface);width:101px;height:99px;border-radius:25px;display:grid;place-items:center;box-shadow:0 4px 20px #00000005}.score-metric strong{font:700 37px/1 DM Sans,sans-serif;color:var(--hero-ink)}.score-metric>span{display:block;font-size:12px;color:var(--muted);margin-top:11px;white-space:nowrap}.workspace{border:0;background:none;box-shadow:none;padding:0;border-radius:0;text-align:center}.workspace:before{display:none}.toolbar{justify-content:center;padding:0;gap:19px}.toolbar select{font-size:13px;max-width:185px;padding:9px 11px;border-radius:8px}.toolbar label{font-size:13px}.toolbar>button{font-size:13px}.group{padding:3px;border:1px solid var(--border);border-radius:9px}.group button{border:0;font-size:12px;padding:7px 10px}.group button.selected{background:var(--focus-yellow);color:#222}.reading-controls{display:inline-flex;vertical-align:middle;gap:9px;margin:13px 22px 0 0;padding:0}.reading-controls label{font-size:12px}.reading-controls select{min-width:125px;font-size:12px;padding:7px 9px;border-radius:8px}.reading-controls>span{font-size:11px}.sound-controls{display:inline-flex;vertical-align:middle;margin-top:13px;gap:9px}.sound-controls button{font-size:11px;padding:6px 9px}.sound-controls label{display:none}.sound-controls input{width:65px;accent-color:var(--focus-yellow)}.start-marker{position:relative;width:fit-content;max-width:90%;margin:30px auto -12px;padding:6px 14px;border-radius:5px;background:var(--focus-yellow);color:#282820;font-size:12px;font-weight:600;z-index:2}.start-marker:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 6px);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--focus-yellow)}.typing-canvas{background:var(--canvas-surface);border:1px solid var(--border);border-radius:16px;padding:25px 32px 18px;text-align:left;box-shadow:0 13px 30px #00000023;cursor:text}.typing-canvas:focus-within{border-color:#ffd44799;box-shadow:0 13px 30px #00000023,0 0 0 2px #ffd4470b}.typing-canvas .passage-info{padding-top:0;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.typing-canvas .passage-info>span{font:11px DM Sans,Hind Siliguri,sans-serif;color:var(--muted)}.typing-canvas .passage-info h2{font-size:15px;margin:0;font-weight:500}.typing-canvas .passage-info small{display:none}.typing-canvas .passage{font-size:29px;line-height:1.85;max-height:165px;overflow-y:auto;margin:17px 0 16px;font-weight:400;color:var(--typing);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.typing-canvas .passage[lang=en]{font-family:Merriweather,serif;font-size:27px;line-height:1.9;letter-spacing:0}.typing-canvas .passage[lang=bn]{font-family:Hind Siliguri,serif}.typing-canvas .cursor{background:#ffd44720;border-bottom-color:var(--focus-yellow);animation:none}.typing-canvas .correct{color:#a8b4ff}[data-theme=light] .typing-canvas .correct{color:#5466bc}.typing-canvas>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}#typing{font-family:Hind Siliguri,serif;min-height:69px;height:69px;background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:15px 0 4px;font-size:22px;line-height:1.7;box-shadow:none;outline:none;resize:vertical;color:var(--hero-ink)}#typing[lang=en]{font-family:Merriweather,serif;font-size:20px}#typing::placeholder{color:var(--muted);opacity:.65}.test-footer{justify-content:center;gap:13px;margin:17px 0 28px;padding:0}.test-footer>span{font-size:11px;order:3;margin-left:7px}.test-footer button{font-size:12px;padding:8px 12px}.keyboard-section{text-align:left;border:0;padding:18px 20px 22px;border-radius:15px;background:var(--surface)}.keyboard-toolbar>button{color:var(--muted);font-size:13px}.keyboard-toolbar select{font-size:12px}.guide-hint{margin:15px auto;padding:9px 15px}.guide-hint small{font-family:DM Sans,Hind Siliguri,sans-serif}.full-keyboard .keyboard-name{margin-bottom:13px}.keyboard-name>span{font-size:19px}.full-keyboard{box-shadow:none;background:var(--input)}.below{border:0;padding-top:0;gap:22px}.below h2{font-family:DM Sans,Hind Siliguri,sans-serif}.below p{font-size:14px;line-height:1.9}.country-explorer{margin:26px 0 36px;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--surface)}.country-explorer>summary{padding:21px 24px;display:flex;align-items:center;gap:20px;cursor:pointer;list-style:none}.country-explorer>summary::-webkit-details-marker{display:none}.country-explorer>summary>span{font-size:19px;color:var(--hero-ink)}.country-explorer>summary>small{font-size:12px;color:var(--muted);flex:1}.country-explorer>summary>b{font-size:22px;color:var(--muted);font-weight:400}.country-explorer[open]>summary{border-bottom:1px solid var(--border)}.country-explorer[open]>summary>b{transform:rotate(45deg)}.country-explorer .culture-hero{padding:25px}.country-explorer .hero-copy h1{font-size:38px}.country-explorer .hero-top{gap:30px}footer{font-family:DM Sans,Hind Siliguri,sans-serif}.timer-ring,.score-metric strong,.full-keyboard .modifier strong,.latin-key,.keyboard-name>small{font-family:DM Sans,sans-serif}@media(max-width:760px){header{padding:15px 17px}main{padding-inline:17px}nav{justify-content:flex-start;gap:24px;margin-top:10px}.test-heading{padding:28px 7px 12px}.test-heading h1{font-size:27px;line-height:1.65;margin:14px 0 10px}html[lang=en] .test-heading h1{font-size:37px;line-height:1.15;letter-spacing:-.035em}.test-heading>p{font-size:12px}.test-heading>.eyebrow{font-size:10px}.floating-letters{display:none}.scoreboard{gap:12px;margin:22px auto 28px;justify-content:space-between;max-width:390px}.timer-metric{margin-right:3px;padding-top:0}.timer-ring{width:78px;height:78px}.timer-ring strong{font-size:29px}.timer-ring>span{font-size:9px}.timer-ring:before{inset:3px}.score-metric>div{width:69px;height:71px;border-radius:19px}.score-metric strong{font-size:25px}.score-metric>span{font-size:9px;margin-top:10px}.toolbar{gap:9px;flex-wrap:wrap}.toolbar>button{font-size:11px}.toolbar label{font-size:11px}.toolbar select{font-size:12px;max-width:152px}.group button{padding:6px 7px;font-size:11px}.reading-controls{margin:12px 0 0;display:flex;justify-content:center;gap:8px}.reading-controls label{width:auto;font-size:11px}.reading-controls select{font-size:11px}.sound-controls{margin-top:11px}.start-marker{margin-top:22px;font-size:11px;padding:6px 11px}.typing-canvas{padding:25px 18px 13px;border-radius:13px}.typing-canvas .passage{font-size:24px;line-height:1.85;max-height:178px}.typing-canvas .passage[lang=en]{font-size:21px;line-height:1.9}.typing-canvas .passage-info h2{font-size:13px}.typing-canvas .passage-info>span{font-size:10px}.typing-canvas .passage-info{gap:7px}#typing{font-size:19px;min-height:66px}#typing[lang=en]{font-size:17px}.test-footer{gap:8px;margin-bottom:23px}.test-footer>span{width:100%;margin:0;font-size:10px}.test-footer button{font-size:11px}.keyboard-section{padding:15px 12px}.keyboard-toolbar>button{font-size:12px}.guide-hint{font-size:12px;padding:9px 11px}.country-explorer>summary{padding:18px;gap:12px;flex-wrap:wrap}.country-explorer>summary>span{font-size:18px}.country-explorer>summary>small{order:3;width:100%;flex:auto;font-size:11px}.country-explorer>summary>b{margin-left:auto}.country-explorer .culture-hero{padding:18px}.country-explorer .hero-copy h1{font-size:29px}.below section{padding:21px}.below h2{font-size:22px}}@media(max-width:365px){.scoreboard{gap:8px}.timer-ring{width:70px;height:70px}.score-metric>div{width:59px;height:65px}.score-metric strong{font-size:23px}.score-metric>span{font-size:8px}}.toolbar>button{margin-left:0}@media(max-width:365px){header{flex-wrap:wrap;justify-content:center;gap:12px}.actions{justify-content:center;width:100%;gap:8px}.brand{font-size:21px}.test-heading h1{font-size:25px}.test-heading{padding-top:22px}}:root,[data-theme=light]{color:#1b1b20;background:#f6f6f7;--surface:#fff;--metric-surface:#fff;--canvas-surface:#fff;--input:#fff;--typing:#1b1b20;--hero-ink:#1b1b20;--muted:#4a4a56;--border:#dcdce2;--accent:#1b1b20;--soft:#eeeeef;--focus-yellow:#ffd700;--gold:#1b1b20}[data-theme=dark]{--focus-yellow:#ffd700}[data-theme=light] body{background:#f6f6f7}[data-theme=light] header{background:#fff;border-bottom:0}[data-theme=light] .brand b{background:transparent;border-color:#ff5100;color:#ff5100}[data-theme=light] .ui-switch button.selected{background:#f0f0f2;color:#1b1b20}[data-theme=light] nav button.active{border-bottom-color:gold;color:#1b1b20}[data-theme=light] button:hover{color:#1b1b20;border-color:#1b1b20}.test-heading{padding-top:49px;padding-bottom:9px}.test-heading>.eyebrow{font-size:14px;letter-spacing:.12em}.test-heading h1{font-family:Hind Siliguri,sans-serif;font-size:52px;font-weight:700;line-height:1.3;margin:15px 0 0}html[lang=en] .test-heading h1{font-size:68px;font-weight:800;letter-spacing:-.045em;margin:16px 0 0}.test-heading>p{display:none}.floating-letters{opacity:.8}.floating-letters span:nth-child(1){left:1%;top:32%;font-size:25px}.floating-letters span:nth-child(2){right:1%;top:20%;font-size:24px}.floating-letters span:nth-child(3){right:7%;bottom:0}.floating-letters span:nth-child(4){left:8%;bottom:1%}.scoreboard{margin-top:39px;margin-bottom:35px;gap:25px}.timer-metric{margin-right:50px}.timer-ring{width:110px;height:110px}.timer-ring strong{font-size:41px}.score-metric>div{width:96px;height:96px;border-radius:24px;box-shadow:none}.score-metric strong{font-size:41px}.score-metric>span{font-size:13px}.timer-ring>span{font-size:13px}.toolbar{gap:17px}.typing-canvas{border:0;border-radius:8px;padding:22px 32px 15px;box-shadow:0 10px 25px #00000030}.typing-canvas:focus-within{border:0;box-shadow:0 10px 25px #00000030}.typing-canvas .passage{white-space:pre;overflow:hidden;max-height:none;height:68px;line-height:1.8;font-size:32px;margin:13px 0 3px}.typing-canvas .passage[lang=en]{font-size:32px;line-height:1.8}.typing-canvas .passage[lang=bn]{font-family:Hind Siliguri,sans-serif;font-size:34px}.typing-canvas .passage-info h2{font-family:DM Sans,Hind Siliguri,sans-serif}.typing-canvas .cursor{border-bottom-color:gold;background:#ffd70025}.typing-canvas .correct,[data-theme=light] .typing-canvas .correct{color:#8b8b95}#typing{font-family:Hind Siliguri,sans-serif;height:52px;min-height:52px;font-size:23px;padding:7px 0;border-top:0}#typing[lang=en]{font-size:21px}.start-marker{font-size:16px;padding:7px 13px;border-radius:3px;margin-top:25px;margin-bottom:-13px;font-weight:500}.test-footer{margin:25px 0 30px}[data-theme=light] .sound-controls button[aria-pressed=true]{background:#fff;border-color:#1b1b20;color:#1b1b20}[data-theme=light] .guide-hint{background:#fff;border-color:#dcdce2;color:#1b1b20}[data-theme=light] .next-char{color:#1b1b20}[data-theme=light] .full-keyboard .keycap{background:#fff;border-color:#dcdce2;border-bottom-color:#babac2}[data-theme=light] .full-keyboard .keycap strong{color:#1b1b20}[data-theme=light] .full-keyboard .keycap.next{background:#fff6b8;outline-color:gold;border-color:gold}[data-theme=light] .full-keyboard .keycap.pressed{background:var(--finger)}[data-theme=light] .full-keyboard .modifier strong{color:#4a4a56}[data-theme=light] .keyboard-name>span{color:#1b1b20}.country-explorer .hero-copy h1{font-family:Hind Siliguri,sans-serif}.reference-ribbon{height:65px;background:gold;clip-path:polygon(0 12%,15% 12%,35% 0,65% 17%,83% 0,100% 10%,100% 100%,0 100%);margin:32px -32px 0;opacity:1}@media(max-width:760px){.test-heading{padding-top:30px;padding-bottom:6px}.test-heading h1{font-size:32px;line-height:1.3;margin-top:17px}html[lang=en] .test-heading h1{font-size:40px;line-height:1.12}.test-heading>.eyebrow{font-size:11px}.scoreboard{margin-top:28px;margin-bottom:30px;gap:12px}.timer-metric{margin-right:3px}.timer-ring{width:78px;height:78px}.timer-ring strong{font-size:29px}.timer-ring>span{font-size:10px}.score-metric>div{width:69px;height:71px;border-radius:18px}.score-metric strong{font-size:27px}.score-metric>span{font-size:9px}.toolbar{gap:9px}.typing-canvas{padding:25px 18px 12px}.typing-canvas .passage,.typing-canvas .passage[lang=en]{font-size:25px;height:55px;line-height:1.8}.typing-canvas .passage[lang=bn]{font-size:27px}#typing{font-size:20px}#typing[lang=en]{font-size:18px}.start-marker{font-size:13px}.reference-ribbon{margin-inline:-17px;height:45px}}@media(max-width:365px){.test-heading h1{font-size:29px}html[lang=en] .test-heading h1{font-size:36px}.scoreboard{gap:8px}.timer-ring{width:70px;height:70px}.score-metric>div{width:59px;height:65px}.score-metric strong{font-size:24px}.score-metric>span{font-size:8px}}.key-label-help{text-align:center;font-size:12px;margin:4px 0 14px;color:var(--muted)}.full-keyboard .keycap{height:60px;min-height:60px;border:1px solid var(--border);border-bottom-width:1px;padding:5px;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:17px 1fr;gap:0;background:var(--surface);color:var(--hero-ink)}.full-keyboard .keycap .latin-key{position:static;align-self:start;font:10px/15px DM Sans,sans-serif;color:var(--muted)}.full-keyboard .keycap small{position:static;justify-self:end;align-self:start;max-width:100%;font:500 14px/17px Hind Siliguri,sans-serif;color:var(--muted);opacity:1;white-space:nowrap}.full-keyboard .keycap strong{grid-column:1/-1;align-self:center;justify-self:center;padding:0;font:600 23px/1.4 Hind Siliguri,DM Sans,sans-serif;color:var(--hero-ink);white-space:nowrap}.full-keyboard .keycap.modifier{display:flex;align-items:center;justify-content:center}.full-keyboard .keycap.modifier strong{font:500 11px/1.4 DM Sans,sans-serif}.full-keyboard .keycap:not(.modifier):before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;left:5px;bottom:5px;background:var(--finger)}.full-keyboard .keycap.home:after{background:var(--muted);width:9px;height:2px;bottom:4px;left:calc(50% - 4px)}.full-keyboard .function-row .keycap,.full-keyboard .navigation-top .keycap:nth-child(-n+3){height:31px;min-height:31px}.full-keyboard .navigation-top .keycap:nth-child(n+4){height:60px;min-height:60px}.full-keyboard .key-row{margin:0 0 4px}.arrow-block{grid-template-rows:repeat(2,60px);margin-top:64px}.numpad-keys{grid-auto-rows:60px}.numpad-keys .tall-key{height:124px}.full-keyboard .keycap.next,[data-theme=light] .full-keyboard .keycap.next{background:color-mix(in srgb,var(--finger) 20%,var(--surface));border-color:var(--finger);outline:2px solid var(--finger);outline-offset:0;box-shadow:none}.full-keyboard .keycap.pressed,[data-theme=light] .full-keyboard .keycap.pressed{background:var(--finger);border-color:var(--finger);transform:translateY(1px);box-shadow:none}.full-keyboard .keycap.pressed strong{color:#202027}.hand-guide{margin:20px auto 0;max-width:750px}.hand-guide-caption{text-align:center;font-size:14px;margin-bottom:12px}.hands.real-hands{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:650px;margin:0 auto}.real-hands .hand{min-width:0;padding:10px 14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--input)}.hand h3{font-size:15px;margin:2px 0 0;color:var(--hero-ink);font-weight:500}.hand svg{display:block;width:100%;height:235px;margin:0 auto}.hand-palm{fill:color-mix(in srgb,var(--muted) 10%,var(--surface));stroke:var(--border);stroke-width:2;stroke-linejoin:round}.hand-finger>path:first-of-type{fill:color-mix(in srgb,var(--finger) 45%,var(--surface));stroke:var(--finger);stroke-width:2;stroke-linejoin:round;transition:fill .12s,stroke-width .12s}.finger-indicator{fill:var(--finger);opacity:.5}.hand-finger.finger-next>path:first-of-type{fill:color-mix(in srgb,var(--finger) 70%,var(--surface));stroke-width:4}.finger-next .finger-indicator{fill:#202027;opacity:1}.finger-check{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hand-finger.finger-pressed>path:first-of-type{fill:var(--finger);stroke:#202027;stroke-width:3}.finger-pressed .finger-indicator{fill:#202027;opacity:1}.palm-crease{stroke:var(--border);fill:none;stroke-width:2;stroke-linecap:round}.hand-status{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;min-height:34px;font-size:13px}.hand-status>span{border-radius:5px;padding:3px 8px;color:var(--hero-ink);background:color-mix(in srgb,var(--finger) 30%,var(--surface))}.hand-status .hand-rest{background:none;color:var(--muted)}.hand-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 9px;margin-top:9px}.hand-legend>span{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.hand-legend i{width:7px;height:7px;border-radius:50%}.hand-state-legend{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:14px 0}@media(max-width:760px){.hands.real-hands{gap:10px;max-width:650px}.real-hands .hand{padding:8px 5px 12px;border-radius:11px}.hand svg{height:auto;max-height:225px}.hand h3{font-size:13px}.hand-status{font-size:11px;min-height:47px}.hand-legend{gap:4px 6px}.hand-legend>span{font-size:10px}.hand-guide-caption{font-size:12px}.key-label-help{font-size:11px}.hand-state-legend{gap:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hand-finger>path:first-of-type{transition:none}}[data-theme=dark]{color:#f3d58a;background:#0d0b04;--surface:#191507;--metric-surface:#191507;--canvas-surface:#191507;--input:#141105;--typing:#cfb474;--hero-ink:#f3d58a;--muted:#bda265;--border:#463715;--accent:#ffad00;--soft:#2a210b;--focus-yellow:#ffad00;--gold:#ffad00}[data-theme=dark] body{background:#0d0b04;color:#f3d58a;background-image:none}[data-theme=dark] header{background:#0d0b04;border-bottom-color:#463715}[data-theme=dark] .brand b{background:#ffad00;color:#fff5d6;border-color:#ffad00;box-shadow:0 0 17px #ffad0030}[data-theme=dark] .brand,[data-theme=dark] .test-heading h1{color:#f3d58a}[data-theme=dark] .brand span,[data-theme=dark] .eyebrow{color:#bda265}[data-theme=dark] .ui-switch button.selected,[data-theme=dark] .group button.selected{background:#33270b;color:#ffad00}[data-theme=dark] nav .active{color:#ffad00;box-shadow:0 2px #ffad00}[data-theme=dark] button:hover{color:#ffbd39;border-color:#ffad00}[data-theme=dark] .primary,[data-theme=dark] .actions .primary{background:#ffad00;color:#211600;border-color:#ffad00;box-shadow:0 0 16px #ffad001c}[data-theme=dark] .primary:hover{color:#211600;background:#ffbd39}[data-theme=dark] .toolbar{background:#191507;border:1px solid #463715;border-radius:24px;padding:10px 16px}[data-theme=dark] select{background:#211b09;border-color:#463715;color:#f3d58a}[data-theme=dark] .sound-controls button[aria-pressed=true]{color:#ffad00;border-color:#ffad00;background:#211b09;box-shadow:0 0 10px #ffad0017}[data-theme=dark] .score-metric>div{background:#191507;border:1px solid #463715;border-radius:15px}[data-theme=dark] .score-metric strong,[data-theme=dark] .timer-ring strong{color:#ffad00;text-shadow:0 0 18px #ffad0017}[data-theme=dark] .timer-ring:before{background:#0d0b04}[data-theme=dark] .start-marker{background:#ffad00;color:#211600}[data-theme=dark] .start-marker:after{border-top-color:#ffad00}[data-theme=dark] .typing-canvas{background:#191507;border:1px solid #b77e00;border-radius:16px;box-shadow:0 0 25px #ffad000d}[data-theme=dark] .typing-canvas:focus-within{border:1px solid #ffad00;box-shadow:0 0 25px #ffad001b}[data-theme=dark] .typing-canvas .passage{color:#cfb474}[data-theme=dark] .typing-canvas .correct{color:#ffe3a4}[data-theme=dark] .typing-canvas .incorrect{color:#ff9380;background:#e45b4520}[data-theme=dark] .typing-canvas .cursor{color:#ffbd39;background:#ffad001c;border-bottom-color:#ffad00}[data-theme=dark] #typing{color:#f8dfa0}[data-theme=dark] #typing::placeholder{color:#bda265;opacity:.9}[data-theme=dark] .test-footer button{background:#191507;border-color:#463715;color:#d6b777}[data-theme=dark] .keyboard-section{background:#191507;border:1px solid #463715}[data-theme=dark] .guide-hint{background:#211b09;border-color:#463715;color:#f3d58a}[data-theme=dark] .next-char{color:#ffad00}[data-theme=dark] .full-keyboard{background:#141105;border-color:#463715}[data-theme=dark] .full-keyboard .keycap{background:#241e0c;border-color:#4d3b16}[data-theme=dark] .full-keyboard .keycap strong{color:#e7c773}[data-theme=dark] .full-keyboard .keycap small,[data-theme=dark] .full-keyboard .latin-key{color:#bda265}[data-theme=dark] .full-keyboard .keycap.next{background:#3b2c0a;border-color:#ffad00;outline-color:#ffad00;box-shadow:0 0 12px #ffad001f}[data-theme=dark] .full-keyboard .keycap.next strong{color:#ffd77a}[data-theme=dark] .full-keyboard .keycap.pressed{background:#ffad00;border-color:#ffad00;box-shadow:0 0 15px #ffad0033}[data-theme=dark] .full-keyboard .keycap.pressed strong,[data-theme=dark] .full-keyboard .keycap.pressed small,[data-theme=dark] .full-keyboard .keycap.pressed .latin-key{color:#211600}[data-theme=dark] .keyboard-leds span{background:#ffad00;box-shadow:0 0 8px #ffad0066}[data-theme=dark] .real-hands .hand{background:#141105;border-color:#463715}[data-theme=dark] .hand-palm{fill:#302811;stroke:#796438}[data-theme=dark] .palm-crease{stroke:#796438}[data-theme=dark] .hand-status>span:not(.hand-rest){color:#fff0bd}[data-theme=dark] .hand-finger.finger-pressed>path:first-of-type{stroke:#ffedbb}[data-theme=dark] .hand-finger.finger-next>path:first-of-type{filter:drop-shadow(0 0 4px var(--finger))}[data-theme=dark] .reference-ribbon{background:#ffad00;opacity:.75}[data-theme=dark] .hero-copy h1 em{background:linear-gradient(105deg,#ffad00,#ffe2a0);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .time-track::-webkit-progress-value{background:#ffad00}[data-theme=dark] .time-track::-moz-progress-bar{background:#ffad00}[data-theme=dark] textarea:focus{outline-color:#ffad00;border-color:#ffad00}