@font-face{font-display:swap;font-family:Chivo Variable;font-style:normal;font-weight:100 900;src:url(/static/media/chivo-vietnamese-wght-normal.6125d9dbdceb92a58bcc.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Chivo Variable;font-style:normal;font-weight:100 900;src:url(/static/media/chivo-latin-ext-wght-normal.3b6bda0f6f4f1d164e52.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Chivo Variable;font-style:normal;font-weight:100 900;src:url(/static/media/chivo-latin-wght-normal.87b03aca11ade7a20ad8.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Azeret Mono Variable;font-style:normal;font-weight:100 900;src:url(/static/media/azeret-mono-latin-ext-wght-normal.460e5af6825700b3f873.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Azeret Mono Variable;font-style:normal;font-weight:100 900;src:url(/static/media/azeret-mono-latin-wght-normal.5b719640fdb63577b756.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(/static/media/jetbrains-mono-latin-700-normal.ce1e40901d7a0d88d483.woff2) format("woff2"),url(/static/media/jetbrains-mono-latin-700-normal.910bb30c8bd5964b3635.woff) format("woff")}@property --accent{syntax:"<color>";inherits:true;initial-value:#276f1a}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#e2eedf}@property --accent-hover{syntax:"<color>";inherits:true;initial-value:#205a16}@property --brand-green{syntax:"<color>";inherits:true;initial-value:#39ff14}@property --success{syntax:"<color>";inherits:true;initial-value:#31745b}:root{--bg:#eef1f5;--surface:#fcfdff;--surface-soft:#e6eaf0;--ink:#25303b;--muted:#616b78;--pending:#687585;--border:#d5dce5;--accent:#276f1a;--accent-soft:#e2eedf;--accent-hover:#205a16;--brand-green:#39ff14;--brand-red:#ff3b3b;--brand-white:#fff;--brand-surface:#101514;--success:#31745b;--danger:#b5334a;--shadow:0 12px 40px -24px #26364e40;--scroll-thumb:var(--accent);--scroll-hover:var(--accent-hover);--scroll-active:var(--ink);--scroll-track:var(--surface-soft);--font-brand:"JetBrains Mono",monospace;--font-body:"Chivo Variable",sans-serif;--font-display:"Chivo Variable",sans-serif;--font-mono:"Azeret Mono Variable",monospace;--radius:14px;color-scheme:light;transition:--accent .7s cubic-bezier(.22,1,.36,1),--accent-soft .7s cubic-bezier(.22,1,.36,1),--accent-hover .7s cubic-bezier(.22,1,.36,1),--brand-green .7s cubic-bezier(.22,1,.36,1),--success .7s cubic-bezier(.22,1,.36,1)}:root[data-theme=dark]{--bg:#101514;--surface:#181f1e;--surface-soft:#26302c;--ink:#e6ede9;--muted:#a5b3aa;--pending:#99aaa0;--border:#3d4b43;--accent:#39ff14;--accent-soft:#283e28;--accent-hover:#a0ff8e;--success:#93cfb3;--danger:#ff939b;--shadow:0 12px 40px -24px #00000080;color-scheme:dark}:root[data-accent=red]{--accent:#b52e37;--accent-soft:#f7e4e6;--accent-hover:#92232b;--brand-green:#ff3b3b;--success:#b52e37}:root[data-theme=dark][data-accent=red]{--accent:#ff3b3b;--accent-soft:#42272a;--accent-hover:#ff939b;--success:#ff939b}*,:after,:before{box-sizing:border-box}*{scrollbar-color:#276f1a #e6eaf0;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}@supports selector(::-webkit-scrollbar){*{scrollbar-color:auto;scrollbar-width:auto}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#e6eaf0;background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:#276f1a;background:var(--scroll-thumb);border:3px solid #e6eaf0;border:3px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#205a16;background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:#25303b;background:var(--scroll-active)}::-webkit-scrollbar-corner{background:#e6eaf0;background:var(--scroll-track)}::-webkit-scrollbar-button{display:none}html{font-size:16px;scroll-padding-top:24px;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;background:#eef1f5;background:var(--bg);color:#25303b;color:var(--ink);font-family:Chivo Variable,sans-serif;font-family:var(--font-body);margin:0}a,button,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit;text-underline-offset:4px}a,button{touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #276f1a;outline:3px solid var(--accent);outline-offset:5px}::selection{background:#276f1a;background:var(--accent);color:#fcfdff;color:var(--surface)}svg{flex-shrink:0}a svg,button svg{pointer-events:none}dd,dl,h1,h2,p{margin:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#fcfdff;background:var(--surface);border-radius:6px;color:#25303b;color:var(--ink);left:16px;padding:12px 18px;position:fixed;top:12px;transform:translateY(-180%);z-index:10}.skip-link:focus{transform:translateY(0)}.app{display:flex;flex-direction:column;isolation:isolate;margin:0 auto;min-height:100svh;position:relative;width:min(1160px,calc(100% - 112px))}.app-header{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:112px}.brand{align-items:center;background:#0000;border-radius:7px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-brand);font-size:24px;font-weight:700;gap:0;letter-spacing:-.04em;padding:8px 0;text-decoration:none}.logo-dot,.logo-type{color:#39ff14;color:var(--brand-green)}.logo-shift{color:#ff3b3b;color:var(--brand-red)}.logo-bracket{color:#fff;color:var(--brand-white)}:root:not([data-theme=dark]) .logo-dot,:root:not([data-theme=dark]) .logo-type{color:#276f1a;color:var(--accent)}:root:not([data-theme=dark]) .logo-bracket{color:#25303b;color:var(--ink)}.brand:hover{outline:1px solid #276f1a;outline:1px solid var(--accent);outline-offset:3px}.header-navigation{align-items:center;display:flex;font-size:13px;gap:24px}.app-header nav a{padding:10px 0;text-decoration:none}.nav-tabs{align-items:center;display:flex;gap:30px;position:relative}.nav-underline{background:#276f1a;background:var(--accent);border-radius:2px;bottom:0;height:3px;left:0;pointer-events:none;position:absolute;transition:transform .36s cubic-bezier(.2,.8,.2,1),width .36s cubic-bezier(.2,.8,.2,1)}.nav-item{align-items:center;color:#616b78;color:var(--muted);display:inline-flex;min-height:44px;white-space:nowrap}.nav-item.is-active{color:#25303b;color:var(--ink)}.header-navigation .github-button{align-items:center;border:1px solid #d5dce5;border:1px solid var(--border);border-radius:8px;display:inline-flex;font-size:12px;gap:8px;justify-content:center;min-height:42px;padding:10px 13px}.github-button svg{height:14px;width:14px}.github-button:hover{background:#e2eedf;background:var(--accent-soft);border-color:#276f1a;border-color:var(--accent)}.app-header nav a:hover{color:#276f1a;color:var(--accent)}.nav-help{align-items:center;background:#0000;border:0;color:#616b78;color:var(--muted);display:flex;gap:6px;padding:12px 0}.nav-help:hover{color:#276f1a;color:var(--accent)}.icon-button{background:#0000;border:1px solid #d5dce5;border:1px solid var(--border);border-radius:50%;color:#25303b;color:var(--ink);display:inline-grid;flex-shrink:0;height:42px;padding:0;place-items:center;width:42px}.icon-button svg{height:18px;width:18px}.icon-button:hover{background:#e2eedf;background:var(--accent-soft);border-color:#276f1a;border-color:var(--accent);color:#276f1a;color:var(--accent)}.theme-toggle{margin-left:2px}.page-main{flex:1 1;margin:44px auto 0;width:min(100%,1000px)}.intro{align-items:center;display:flex;gap:30px;justify-content:space-between;padding:0 8px 42px}.intro h1{text-wrap:balance;font-family:Chivo Variable,sans-serif;font-family:var(--font-display);font-size:clamp(42px,4.9vw,68px);font-weight:750;letter-spacing:-.04em;line-height:1.1}.intro h1 span{color:#276f1a;color:var(--accent)}.intro p{color:#616b78;color:var(--muted);font-size:15px;line-height:1.6;margin-top:14px}.key-composition{flex-shrink:0;height:110px;margin-right:20px;position:relative;transform:rotate(-9deg);width:230px}.little-key,.shift-key{align-items:center;background:#fcfdff;background:var(--surface);border:1px solid #d5dce5;border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 0 #d5dce5,0 10px 16px -7px #25303b18;box-shadow:0 5px 0 var(--border),0 10px 16px -7px #25303b18;color:#616b78;color:var(--muted);display:flex;font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:19px;justify-content:center;position:absolute}.little-key{height:47px;top:0;width:47px}.key-t{left:0}.key-y{left:55px;top:-5px}.key-p{left:110px;top:-2px}.key-e{left:165px;top:3px}.shift-key{background:#e2eedf;background:var(--accent-soft);bottom:0;color:#276f1a;color:var(--accent);font-size:13px;height:43px;justify-content:space-between;padding:0 15px;right:13px;width:128px}.shift-key svg{height:17px;width:17px}.shift-key{transition:transform .2s ease-out,box-shadow .2s ease-out}:root[data-accent=red] .shift-key{box-shadow:0 2px 0 #d5dce5,0 6px 12px -7px #25303b18;box-shadow:0 2px 0 var(--border),0 6px 12px -7px #25303b18;transform:translateY(3px)}.practice{scroll-margin-top:24px}.practice:focus{outline:none}.practice:focus-visible{border-radius:14px;border-radius:var(--radius);outline:3px solid #276f1a;outline:3px solid var(--accent);outline-offset:8px}.controls{gap:24px;justify-content:space-between;margin:0 0 19px}.control-group,.controls{align-items:center;display:flex}.control-group{border:0;gap:15px;margin:0;min-width:0;padding:0}.control-group legend{color:#616b78;color:var(--muted);float:left;font-size:12px;line-height:44px;margin:0;padding:0}.segmented-control{background:#e6eaf0;background:var(--surface-soft);border-radius:9px;display:flex;gap:3px;padding:4px}.ctrl-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#616b78;color:var(--muted);display:inline-flex;font-size:13px;font-weight:500;gap:5px;justify-content:center;min-height:36px;padding:9px 17px}.ctrl-btn svg{height:14px;width:14px}.ctrl-btn:hover{background:#eef1f5;background:var(--bg);color:#25303b;color:var(--ink)}.ctrl-btn.active{background:#fcfdff;background:var(--surface);box-shadow:0 1px 3px #25303b12;color:#25303b;color:var(--ink)}.duration-control{display:flex;gap:4px}.duration-btn{background:#0000;border:0;border-radius:7px;color:#616b78;color:var(--muted);font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:12px;min-height:44px;min-width:43px;padding:9px 11px}.duration-btn span{font-size:11px}.duration-btn:hover{background:#e6eaf0;background:var(--surface-soft);color:#25303b;color:var(--ink)}.duration-btn.active{background:#e2eedf;background:var(--accent-soft);color:#276f1a;color:var(--accent);font-weight:500}.test-panel{background:#fcfdff;background:var(--surface);border-radius:14px;border-radius:var(--radius);box-shadow:0 12px 40px -24px #26364e40;box-shadow:var(--shadow);overflow:hidden;position:relative}.test-panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:26px 32px 0}.test-status{align-items:center;color:#616b78;color:var(--muted);display:flex;font-size:12px;gap:8px}.status-dot{background:#687585;background:var(--pending);border-radius:50%;height:6px;width:6px}.status-dot.is-running{background:#31745b;background:var(--success)}.timer-wrapper{align-items:center;color:#25303b;color:var(--ink);display:flex;gap:8px}.timer-wrapper svg{color:#616b78;color:var(--muted);height:15px;width:15px}.timer-number{font-feature-settings:"tnum";font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:15px;font-variant-numeric:tabular-nums}.timer-wrapper.urgent,.timer-wrapper.urgent svg{color:#b5334a;color:var(--danger)}.typing-box{border-radius:7px;margin:22px 28px 8px;min-height:196px;padding:12px 5px 17px;position:relative}.typing-box:focus-within{outline:2px solid #276f1a;outline:2px solid var(--accent);outline-offset:5px}.text-display{font-feature-settings:none;font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:22px;font-variant-ligatures:none;letter-spacing:-.025em;line-height:1.95;min-height:130px}.text-display,.text-word{overflow-wrap:anywhere;white-space:pre-wrap}.text-word{display:inline-block;max-width:100%}.char-pending{color:#687585;color:var(--pending)}.char-correct{color:#25303b;color:var(--ink)}.char-wrong{background:#e2eedf;background:var(--accent-soft);color:#b5334a;color:var(--danger);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.char-cursor{position:relative}.char-selected{background:#e2eedf;background:var(--accent-soft);text-decoration:underline;text-underline-offset:5px}.char-cursor:before{background:#276f1a;background:var(--accent);border-radius:1px;content:"";height:1.25em;left:-2px;position:absolute;top:.05em;visibility:hidden;width:2px}.typing-box:focus-within .char-cursor:before{animation:caret-blink 1.1s step-end infinite;visibility:visible}.hidden-input{font-feature-settings:none;background:#0000;border:0;caret-color:#0000;color:#0000;cursor:text;font:22px/1.95 Azeret Mono Variable,monospace;font:22px/1.95 var(--font-mono);font-variant-ligatures:none;height:100%;inset:0;letter-spacing:-.025em;opacity:.01;padding:12px 5px 17px;position:absolute;resize:none;width:100%}.hidden-input:focus{outline:none}.resize-none{resize:none}.typing-prompt{align-items:center;color:#616b78;color:var(--muted);display:flex;font-size:11px;gap:7px;margin-top:15px;min-height:20px;pointer-events:none}.typing-prompt svg{height:13px;width:13px}.typing-box:focus-within .typing-prompt{color:#276f1a;color:var(--accent)}.test-panel-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 32px 17px}.passage-category{align-items:center;color:#616b78;color:var(--muted);display:flex;font-size:11px;gap:8px}.passage-category svg{height:14px;width:14px}.new-passage{align-items:center;background:#0000;border:0;color:#616b78;color:var(--muted);display:flex;font-size:11px;gap:8px;min-height:38px;padding:9px 0 9px 8px}.new-passage svg{height:14px;width:14px}.new-passage:hover{color:#276f1a;color:var(--accent)}kbd{border:1px solid #d5dce5;border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 0 #d5dce5;box-shadow:0 1px 0 var(--border);font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:10px;font-weight:400;line-height:1.2;padding:3px 5px}.new-passage kbd{margin-left:6px}.progress-track{background:#e6eaf0;background:var(--surface-soft);height:3px}.progress-track span{background:#276f1a;background:var(--accent);display:block;height:100%;transform-origin:left;transition:transform .12s ease-out;width:100%}.live-stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin:26px 0 0;padding:0 30px}.stat{border-left:1px solid #d5dce5;border-left:1px solid var(--border);padding:0 28px}.stat:first-child{border:0;padding-left:0}.stat:last-child{padding-right:0}.stat dt{color:#616b78;color:var(--muted);font-size:11px;margin-bottom:7px}.stat dd{font-feature-settings:"tnum";font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:29px;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.3}.stat dd span{font-size:12px;margin-left:8px}.practice-notes,.stat dd span{color:#616b78;color:var(--muted)}.practice-notes{align-items:center;border-top:1px solid #d5dce5;border-top:1px solid var(--border);display:flex;font-size:11px;gap:20px;justify-content:space-between;line-height:1.7;margin:29px 0 0;padding:20px 8px 0}.practice-notes>span{align-items:center;display:flex;gap:6px}.practice-notes svg{height:13px;width:13px}.note-divider{color:#d5dce5;color:var(--border);margin:0 4px}.closing-note{color:#25303b;color:var(--ink);display:flex;font-size:12px;gap:8px;justify-content:center;margin:46px 0 47px}.app-footer,.closing-note span{color:#616b78;color:var(--muted)}.app-footer{align-items:center;border-top:1px solid #d5dce5;border-top:1px solid var(--border);display:flex;font-size:11px;gap:24px;justify-content:space-between;min-height:88px}.app-footer p{display:flex;gap:8px}.app-footer p span{color:#25303b;color:var(--ink)}.footer-right{align-items:center;display:flex;gap:20px}.legal-links{display:flex;gap:18px}.legal-links button{background:#0000;border:0;color:#616b78;color:var(--muted);font-size:11px;min-height:44px;padding:12px 0}.legal-links button:hover{color:#276f1a;color:var(--accent)}.footer-divider{background:#d5dce5;background:var(--border);height:17px;width:1px}.social-links{align-items:center;display:flex;gap:3px}.social-links a{border-radius:6px;display:grid;height:44px;place-items:center;width:36px}.social-links svg{height:16px;width:16px}.social-links a:hover{background:#e2eedf;background:var(--accent-soft);color:#276f1a;color:var(--accent)}.lightbox{background:#fcfdff;background:var(--surface);border:0;border-radius:14px;border-radius:var(--radius);box-shadow:0 24px 90px #101d3840;color:#25303b;color:var(--ink);margin:auto;max-height:calc(100dvh - 48px);padding:28px;width:min(560px,calc(100% - 32px))}.lightbox::backdrop{background:#18243580}.dialog-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.dialog-header h2{text-wrap:balance;font-family:Chivo Variable,sans-serif;font-family:var(--font-display);font-size:29px;letter-spacing:-.025em;line-height:1.2}.lightbox-content{font-size:14px;line-height:1.75}.lightbox-content>*+*{margin-top:20px}.lightbox-content p{color:#616b78;color:var(--muted)}.how-to-list{margin:0;padding-left:23px}.how-to-list li{padding:0 0 17px 7px}.how-to-list li::marker{color:#276f1a;color:var(--accent);font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono)}.how-to-list span,.how-to-list strong{display:block}.how-to-list strong{font-weight:600}.dialog-shortcuts,.how-to-list span{color:#616b78;color:var(--muted)}.dialog-shortcuts{display:flex;flex-wrap:wrap;font-size:11px;gap:10px 20px}.dialog-shortcuts kbd{margin-right:5px}.primary-button{align-items:center;background:#25303b;background:var(--ink);border:0;border-radius:8px;color:#fcfdff;color:var(--surface);display:inline-flex;font-size:13px;gap:28px;justify-content:center;min-height:48px;padding:14px 22px}.primary-button:hover{background:#276f1a;background:var(--accent)}.primary-button svg{height:17px;width:17px}.legal-lightbox{width:min(700px,calc(100% - 32px))}.legal-text{font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.legal-error,.legal-loading{min-height:140px}.legal-error a{color:#276f1a;color:var(--accent)}.result-screen{background:#fcfdff;background:var(--surface);border-radius:14px;border-radius:var(--radius);box-shadow:0 12px 40px -24px #26364e40;box-shadow:var(--shadow);padding:32px;position:relative;text-align:center}.result-heading h2{font-family:Chivo Variable,sans-serif;font-family:var(--font-display);font-size:clamp(27px,3.2vw,40px);letter-spacing:-.035em;line-height:1.2;margin:12px 0 8px}.result-heading h2:focus{outline:none}.result-heading p{font-size:13px}.completion-mark{background:#e2eedf;background:var(--accent-soft);border-radius:50%;color:#276f1a;color:var(--accent);display:inline-grid;height:34px;place-items:center;width:34px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:30px auto 0;max-width:650px}.result-grid>div+div{border-left:1px solid #d5dce5;border-left:1px solid var(--border)}.result-grid dt{color:#616b78;color:var(--muted);font-size:11px}.result-grid dd{font-family:Azeret Mono Variable,monospace;font-family:var(--font-mono);font-size:clamp(30px,4vw,49px);margin-top:4px}.result-grid dd span{color:#616b78;color:var(--muted);font-size:12px;margin-left:6px}.result-detail{color:#616b78;color:var(--muted);font-size:11px;line-height:1.6;margin-top:18px}.result-source{align-items:center;border-top:1px solid #d5dce5;border-top:1px solid var(--border);display:flex;gap:26px;justify-content:center;margin:28px auto 30px;max-width:620px;padding:26px 0 0;text-align:left}.result-source img{flex-shrink:0;height:192px;object-fit:contain;width:128px}.source-label{color:#616b78;color:var(--muted);font-size:12px}.result-source p{font-size:15px;line-height:1.6}.matrix-bg{height:100%;inset:0;opacity:.24;pointer-events:none;position:fixed;width:100%;z-index:-1}:root[data-theme=dark] .matrix-bg{opacity:.18}@keyframes caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (min-width:1500px){.page-main{margin-top:64px}.intro{padding-bottom:50px}}@media (max-width:1050px){.app{width:calc(100% - 64px)}.page-main{margin-top:36px}.control-group{gap:10px}.ctrl-btn{padding-inline:13px}.controls{gap:15px}.duration-btn{min-width:39px;padding-inline:8px}.key-composition{margin-right:4px;transform:rotate(-9deg) scale(.85);transform-origin:right center;width:210px}}@media (max-width:760px){.app{width:calc(100% - 40px)}.app-header{flex-wrap:wrap;min-height:0;padding-block:18px;position:relative;row-gap:12px}.header-navigation{gap:14px;justify-content:space-between;width:100%}.nav-tabs{gap:24px}.app-header .theme-toggle{height:42px;position:absolute;right:0;top:18px;width:42px}.page-main{margin-top:27px}.intro{gap:0;padding:0 0 31px}.intro h1{font-size:48px;max-width:380px}.intro p{font-size:13px;max-width:250px}.key-composition{transform:rotate(-9deg) scale(.7);width:160px}.controls{align-items:flex-start}.control-group{display:block}.control-group legend{float:none;line-height:1.5;margin-bottom:8px}.duration-group legend{text-align:right}.ctrl-btn{padding:8px 12px}.duration-btn{min-width:37px;padding-inline:7px}.duration-control{gap:0}.hidden-input,.text-display{font-size:20px;line-height:1.9}.test-panel-header{padding:24px 25px 0}.typing-box{margin:22px 22px 8px;min-height:220px}.test-panel-footer{padding-inline:25px}.live-stats{padding:0 12px}.stat{padding-inline:20px}.stat dd{font-size:25px}.practice-notes{flex-wrap:wrap;gap:12px}.closing-note{margin-block:35px}.app-footer p{flex-direction:column;gap:3px}.app-footer{min-height:92px}}@media (max-width:520px){.app{width:calc(100% - 36px)}.app-header{gap:10px;min-height:0}.brand{font-size:21px;padding:7px 0}.app-header nav{gap:16px}.nav-help{font-size:12px;gap:3px}.nav-help svg{width:13px}.icon-button{height:36px;width:36px}.page-main{margin-top:26px}.intro{padding-bottom:30px;position:relative}.intro h1{font-size:clamp(41px,11vw,55px);max-width:260px}.intro h1 span{display:block}.intro p{line-height:1.7;margin-top:12px;max-width:220px}.key-composition{margin:0;position:absolute;right:1px;top:15px;transform:rotate(-10deg) scale(.45);transform-origin:top right;width:230px}.controls{flex-wrap:wrap;gap:15px;margin-bottom:17px}.control-group{width:100%}.control-group legend{font-size:11px}.segmented-control{width:100%}.ctrl-btn{flex:1 1;font-size:12px;min-height:39px;padding-inline:12px}.duration-group{align-items:center;display:flex;justify-content:space-between}.duration-group legend{float:left;line-height:40px;margin-bottom:0}.duration-btn{min-height:40px;min-width:47px}.duration-control{gap:3px}.test-panel-header{padding:21px 21px 0}.test-status{font-size:11px}.timer-number{font-size:14px}.typing-box{margin:17px 18px 6px;padding:6px 3px 13px}.hidden-input,.text-display{font-size:18px;letter-spacing:-.035em;line-height:1.95}.hidden-input{padding:6px 3px 13px}.typing-prompt{font-size:10px;line-height:1.7;margin-top:13px}.test-panel-footer{gap:7px;padding:5px 21px 13px}.new-passage,.passage-category{font-size:10px;gap:6px}.new-passage kbd{display:none}.live-stats{grid-template-columns:.95fr .85fr 1.2fr;margin-top:23px;padding:0 4px}.stat{padding-inline:16px}.stat dt{font-size:10px;line-height:1.5;white-space:nowrap}.stat dd{font-size:24px}.stat dd span{font-size:10px;margin-left:4px}.practice-notes{font-size:10px;gap:10px;margin-top:23px;padding:18px 3px 0}.closing-note{align-items:center;flex-direction:column;font-size:11px;gap:5px;margin:31px 0}.app-footer{align-items:center;font-size:10px;gap:10px;padding-block:17px}.footer-right{gap:10px}.legal-links{gap:12px}.legal-links button{font-size:10px}.footer-divider{display:none}.social-links{gap:1px}.social-links a{width:28px}.social-links svg{height:15px;width:15px}.lightbox{max-height:calc(100dvh - 32px);padding:23px}.dialog-header{gap:12px}.dialog-header h2{font-size:26px}.lightbox-content{font-size:13px}.result-screen{padding:28px 19px}.result-source{gap:18px}.result-source img{height:144px;width:96px}.result-source p{font-size:13px}.result-grid{margin-top:25px}.result-grid dt{font-size:10px}.result-grid dd{font-size:30px}.result-grid dd span{display:block;font-size:10px;margin:3px 0 0}}@media (max-width:350px){.app{width:calc(100% - 28px)}.app-header nav{gap:10px}.nav-help{font-size:11px}.nav-help svg{display:none}.brand{font-size:18px}.stat{padding-inline:10px}.stat dt{font-size:9px}.app-footer,.app-footer p{flex-wrap:wrap;justify-content:center}.app-footer p{flex-direction:row}.footer-right{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.nav-underline,.shift-key,:root{transition:none}.typing-box:focus-within .char-cursor:before{animation:none}.progress-track span{transition:none}.matrix-bg{display:none}}@media (forced-colors:active){*{scrollbar-color:auto}.ctrl-btn.active,.duration-btn.active{outline:2px solid Highlight;outline-offset:-2px}.char-cursor:before{background:Highlight}.char-wrong{text-decoration-style:double}.result-screen,.test-panel{outline:1px solid CanvasText}}
/*# sourceMappingURL=main.a8a7168b.css.map*/