@font-face{font-family:DM Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/dm-sans-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-wght-normal.woff2)format("woff2")}:root{--bg:#f8f9f5;--panel:#fff;--ink:#253b32;--muted:#7a837c;--green:#285c46;--deep:#244e3b;--mint:#e9f0e2;--line:#e7eae2;--sage:#e8efe3;--peach:#faeee5;--lilac:#efedf9;--yellow:#fbf3d9;--hero:#eaf0df;--sidebar:#fff;--radius:18px;--shadow:0 4px 14px #223b3003}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:1rem;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.04em;margin:0;font-family:Manrope,Arial,sans-serif;line-height:1.25}h1{font-size:1.9375rem;font-weight:800}h2{font-size:1.5rem;font-weight:800}h3{font-size:1.125rem;font-weight:750}p{color:var(--muted);margin:10px 0 0}button{color:inherit}button,select,input,textarea{accent-color:var(--green)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #75a77b}button{background:0 0;border:0}select{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:9px 12px}kbd{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:.875rem}svg{vertical-align:middle;flex-shrink:0}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;width:232px;padding:34px 19px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.2px;align-items:center;gap:11px;padding-left:10px;font-family:Manrope,sans-serif;font-size:1.5625rem;font-weight:800;line-height:1.15;display:flex}.brand-one{color:#7e9765}.brand small{letter-spacing:1.45px;color:#8b958b;margin-top:8px;font:700 8px DM Sans,sans-serif;display:block}.brand-mark{background:var(--deep);color:#eff4e8;letter-spacing:-4px;border-radius:11px;align-items:center;width:37px;height:39px;padding-left:9px;font-size:1.9375rem;line-height:1;display:inline-flex;position:relative}.brand-mark span{color:#d6e5b3;align-self:flex-end;margin-bottom:6px;margin-left:3px;font-size:1.0625rem}.nav-label{letter-spacing:1.5px;color:#98a096;margin:41px 14px 11px;font-size:.875rem;font-weight:700}.nav-link{color:#778074;border-radius:9px;align-items:center;gap:12px;margin:4px 0;padding:11px 15px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-link svg{opacity:.8}.nav-link:hover{background:var(--bg);color:var(--green)}.nav-link.active{color:var(--green);background:#e9f1e3;font-weight:700}.nav-badge{color:var(--green);text-align:center;background:#fff8;border-radius:5px;min-width:23px;margin-left:auto;font-size:.875rem}.resources-label{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:22px}.daily-note{background:#f3f5ed;border-radius:13px;padding:20px 17px 16px;position:relative}.note-spark{color:#809468;font-size:1.4375rem;position:absolute;top:11px;right:15px}.daily-note strong{font-family:Manrope,sans-serif;font-size:.875rem;font-weight:750;line-height:1.5;display:block}.daily-note p{margin-top:6px;font-size:1rem}.daily-note a{color:var(--green);align-items:center;gap:9px;margin-top:16px;font-size:.875rem;font-weight:700;display:flex}.account-link{align-items:center;gap:9px;margin-top:22px;font-size:.875rem;font-weight:700;display:flex}.account-link small{color:var(--muted);margin-top:2px;font-size:.875rem;font-weight:400;display:block}.account-link>svg{margin-left:auto}.avatar{color:#7e8978;background:#eeefe8;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.app-shell{margin-left:232px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;height:79px;padding:0 40px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:21px;display:flex}.breadcrumb{color:#92988f;font-size:.875rem}.breadcrumb span{color:#c3c7bd;padding:0 11px}.breadcrumb strong{color:#63705f;font-weight:500}.streak-tag{color:#796951;background:#faf4e7;border:1px solid #f2ebdd;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.875rem;display:flex}.streak-tag svg{color:#a18d54}.language-link{color:#7a8373;align-items:center;gap:6px;font-size:.875rem;display:flex}.icon-button{color:#768270;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.icon-button:hover{background:var(--bg)}.profile-button{color:#627c50;background:#eaf0e3;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.main-content{max-width:1336px;margin:0 auto;padding:34px 40px 35px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:#819271;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:.875rem;font-weight:700;display:block}.page-heading p{margin-top:9px;font-size:1rem}.free-pill{background:var(--panel);border:1px solid var(--line);color:#778568;white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:6px 11px;font-size:.875rem;font-weight:600;display:inline-flex}.free-pill>span{background:#89a570;border-radius:50%;width:5px;height:5px}.hero{background:var(--hero);border:1px solid #e3e9d8;border-radius:20px;grid-template-columns:1.05fr 1fr;min-height:324px;padding:39px 37px;display:grid;position:relative;overflow:hidden}.hero-label{letter-spacing:1.6px;color:#81976e;align-items:center;gap:7px;margin-bottom:18px;font-size:.875rem;font-weight:700;display:flex}.hero-label>span{background:#859f65;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-1.7px;color:#2b5037;font-size:2.5625rem;font-weight:800;line-height:1.16}.hero h2>span{color:#819d53}.hero p{color:#778871;margin-top:17px;font-size:1rem;line-height:1.75}.button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero .button-row{margin-top:25px}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 17px;font-size:1rem;font-weight:600;line-height:1.5;transition:all .15s;display:inline-flex}.button.primary{background:var(--deep);color:#fff;box-shadow:0 3px 5px #123c2310}.button.primary:hover{background:#357056;transform:translateY(-1px)}.button.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--mint);border-color:#b1c8a8}.hero-secondary{color:#667e54;align-items:center;gap:12px;font-size:.875rem;font-weight:600;display:inline-flex}.hero-proof{color:#839575;gap:17px;margin-top:21px;font-size:.875rem;display:flex}.hero-proof span{align-items:center;gap:5px;display:flex}.hero-proof svg{opacity:.8}.hero-visual{isolation:isolate;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.hero-visual .keyboard{z-index:3;background:#ffffff80;border:2px solid #fff7;width:330px;margin-bottom:17px;padding:17px 11px 12px;transform:rotate(-7deg);box-shadow:0 14px 22px #52684013}.keyboard{-webkit-user-select:none;user-select:none;border-radius:14px;width:420px;max-width:100%;margin:21px auto 10px;padding:11px 12px}.key-row{justify-content:center;gap:4px;margin:4px 0;display:flex}.key{border:1px solid var(--line);color:#9ca88f;background:var(--panel);border-bottom:2px solid #e0e7d7;border-radius:5px;justify-content:center;align-items:center;min-width:30px;height:29px;font-size:.625rem;transition:all .1s;display:flex}.key-row:nth-child(2){padding-left:10px}.key-row:nth-child(3){padding-left:15px}.key.anchor-key{color:#57774b;position:relative}.key.anchor-key:after{content:"";background:#90a584;width:5px;height:1px;position:absolute;bottom:4px}.key.next-key{color:#376542;background:#d5e7c8;border-color:#a8c596}.key.space{width:164px;font-size:.5rem}.key.wide{width:47px;font-size:.5rem}.key.muted{color:#a9b1a0;font-size:.4375rem}.decorative .key{background:#ffffffe0;border-color:#e0e7d7;min-width:23px;height:23px;font-size:.4375rem}.decorative .key.space{letter-spacing:.7px;width:151px;height:25px;font-size:.4375rem}.hero-caption{color:#92a37e;letter-spacing:.5px;font-size:.625rem;position:absolute;bottom:-8px;left:14%;transform:rotate(-7deg)}.floating-key{color:#6e9055;z-index:4;background:#fff9;border:3px solid #fff;border-radius:13px;justify-content:center;align-items:center;width:68px;height:70px;font-family:Manrope,sans-serif;font-size:2.4375rem;display:flex;position:absolute;top:29px;box-shadow:0 10px 11px #58734410}.floating-key span{white-space:nowrap;color:#95a77f;font-family:DM Sans,sans-serif;font-size:.4375rem;font-weight:500;position:absolute;top:78px}.key-f{left:29%;transform:rotate(-13deg)}.key-j{color:#6b8951;background:#d5e3bf;top:4px;right:13%;transform:rotate(12deg)}.hero-orbit{z-index:-1;border:1px solid #dbe5cc;border-radius:50%;width:300px;height:300px;position:absolute;top:-19px;left:15%}.orbit-two{border-style:dashed;border-color:#dfe8d2;width:360px;height:360px;top:-49px;left:8%}.hero-spark{color:#97b07f;z-index:4;font-size:1.6875rem;position:absolute}.spark-one{top:88px;right:3%}.spark-two{font-size:1.1875rem;top:34px;left:8%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.stat-card{border:1px solid var(--line);background:var(--panel);min-height:104px;box-shadow:var(--shadow);border-radius:13px;align-items:flex-start;gap:11px;padding:19px 15px 14px;display:flex;position:relative}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.sage{background:var(--sage);color:#6b8959}.peach{background:var(--peach);color:#b18a66}.lilac{background:var(--lilac);color:#9890b5}.yellow{background:var(--yellow);color:#b49e50}.stat-card>div>span{color:#8e9588;font-size:.875rem;display:block}.stat-card strong{letter-spacing:-.5px;margin-top:2px;font-family:Manrope,sans-serif;font-size:1.5625rem;font-weight:800;line-height:1.4;display:block}.stat-card strong small{letter-spacing:0;color:#9aa18e;font-size:.875rem;font-weight:400}.stat-detail{color:#9da391;font-size:.875rem;position:absolute;bottom:12px;left:15px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin:32px 0 18px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:1.3125rem}.section-heading p{margin-top:6px;font-size:1rem}.subtle-link{color:#708a58;align-items:center;gap:9px;font-size:.875rem;font-weight:600;display:inline-flex}.path-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.path-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:23px 21px 18px;transition:all .2s}.path-card:hover,.lesson-card:hover,.guide-card:hover{border-color:#afc298;transform:translateY(-3px);box-shadow:0 8px 16px #23422f0a}.path-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:17px;display:flex}.path-tag{letter-spacing:1px;color:#9aab88;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.path-card h3{letter-spacing:-.45px;max-width:230px;font-size:1rem}.path-card p{max-width:230px;min-height:34px;margin-top:8px;font-size:1rem}.path-footer{color:#929c86;justify-content:space-between;align-items:center;gap:8px;margin-top:19px;font-size:.875rem;display:flex}.round-arrow{color:#8d9f75;background:#f4f6ef;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.test-section{margin-top:34px}.workspace-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 13px;display:flex}.segmented{background:#edf0e8;border:1px solid #e8ebdf;border-radius:9px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#929987;white-space:nowrap;border-radius:6px;padding:7px 12px;font-size:.875rem;font-weight:500}.segmented button.selected{background:var(--panel);color:#637b4f;font-weight:700;box-shadow:0 2px 4px #2b3d2110}.workspace-options{color:#8d9782;align-items:center;gap:16px;font-size:.875rem;display:flex}.workspace-options select{background:0 0;border:none;padding:4px 20px 4px 8px;font-size:1rem}.checkbox-label{align-items:center;gap:5px;display:flex}.checkbox-label input{width:12px;height:12px}.quiet-label{border-left:1px solid var(--line);align-items:center;gap:5px;padding-left:14px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.typing-panel{padding:20px 25px 14px;overflow:hidden}.engine-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-bottom:17px;display:flex}.engine-mode{color:#99a58b;align-items:center;gap:6px;font-size:.875rem;display:flex}.status-dot{background:#bac6a9;border-radius:50%;width:5px;height:5px}.status-dot.running{background:#6b9c66;box-shadow:0 0 0 3px #6b9c6620}.live-stats{color:#95a286;align-items:center;gap:22px;font-size:.875rem;display:flex}.live-stats strong{color:#739159;font-size:.875rem}.timer{align-items:center;gap:5px;display:flex}.typing-surface{cursor:text;border-radius:8px;min-height:117px;margin:23px 0 13px;position:relative}.typing-text{letter-spacing:.5px;color:#bcc4b3;white-space:pre-wrap;overflow-wrap:break-word;scroll-behavior:smooth;max-height:120px;font-family:ui-monospace,Courier New,monospace;font-size:1.375rem;line-height:1.8;position:relative;overflow:hidden}.typing-text .correct{color:#51763e}.typing-text .incorrect{color:#cb7370;background:#ffe4df;border-radius:2px}.typing-text .cursor{border-left:2px solid #83a965;margin-left:-2px;animation:1.1s step-end infinite blink}.typing-input{opacity:.01;resize:none;color:#0000;caret-color:#0000;z-index:4;background:0 0;border:none;width:100%;height:100%;font-size:1rem;position:absolute;inset:0;outline:none!important}.focus-prompt{pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;color:#788c68;background:#fffffff2;justify-content:center;align-items:center;gap:13px;font-size:.875rem;font-weight:500;display:flex;position:absolute;inset:0}.focus-prompt span{border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.875rem}.typing-surface.focused{outline-offset:8px;outline:1px solid #bbcfac}.engine-footer{color:#a6ad9b;border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:13px;font-size:.875rem;display:flex}.text-button{color:#91a07e;align-items:center;gap:5px;padding:2px 0;font-size:.875rem;display:inline-flex}.engine-footer kbd{margin-left:4px;padding:1px 4px;font-size:.875rem}.typing-tip{color:#a0aa92;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:6px;margin:19px 0 0;padding-top:12px;font-size:.875rem;display:flex}.bottom-callout{border:1px solid var(--line);background:#f1f3e9;border-radius:14px;align-items:center;gap:20px;margin-top:29px;padding:20px 24px;display:flex}.bottom-callout>div{flex:1}.bottom-callout .eyebrow{margin-bottom:5px;font-size:.875rem}.bottom-callout h3{font-size:1rem}.bottom-callout p{margin-top:6px;font-size:1rem}.callout-symbol{color:#879a6d;letter-spacing:-2px;width:62px;font-family:Manrope,sans-serif;font-size:1.9375rem;font-weight:800;line-height:1;position:relative}.callout-symbol>span{color:#9fac8b;background:#e7eddc;border-radius:5px;padding:4px;font-size:1.0625rem;position:absolute;bottom:-9px;right:2px}.bottom-callout .button{align-self:center;font-size:1rem}footer{border-top:1px solid var(--line);color:#a2a995;justify-content:space-between;align-items:center;gap:14px;max-width:1336px;margin:0 auto;padding:21px 40px;font-size:.875rem;display:flex}footer>div{align-items:center;gap:16px;display:flex}footer a:hover{color:var(--green)}footer button.text-button{font-size:.875rem}.back-link{margin-bottom:22px}.catalog-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:27px 0;display:flex}.muted-text{color:var(--muted);font-size:.875rem}.lesson-intro{background:#f2f6eb;border-color:#e2e9d9;padding:23px 26px}.lesson-intro strong{font-family:Manrope,sans-serif;font-size:1rem}.lesson-intro p{max-width:700px;font-size:1rem}.mini-progress{color:#849773;gap:23px;margin-top:16px;font-size:.875rem;display:flex}.level-title{align-items:center;gap:16px;margin:29px 0 19px;display:flex}.level-title h2{font-size:1.3125rem}.level-title p{margin-top:5px;font-size:1rem}.level-number{border:1px solid var(--line);background:var(--panel);color:#90a177;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:700;display:flex}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.lesson-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;transition:all .2s}.lesson-card.completed{background:#f2f7ec}.lesson-card-top{justify-content:space-between;align-items:center;display:flex}.lesson-index{letter-spacing:1px;color:#96a486;font-size:.875rem;font-weight:600}.lesson-status{color:#8da576;background:#f1f5ec;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.lesson-keycaps{gap:5px;margin:17px 0;display:flex}.lesson-keycaps kbd{color:#77925b;background:#f8f9f4;border-color:#e2e8d8;padding:7px 10px;font-size:.875rem}.lesson-card h3{font-size:1rem}.lesson-card p{min-height:34px;font-size:1rem}.lesson-card-bottom{border-top:1px solid var(--line);color:#8d9a7d;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;font-size:.875rem;display:flex}.lesson-card-bottom>span:last-child{align-items:center;gap:6px;display:flex}.lesson-tip{border:1px solid var(--line);background:var(--mint);color:#849773;border-radius:12px;align-items:center;gap:12px;margin:0 0 23px;padding:18px 22px;display:flex}.lesson-tip p{color:#718b58;flex:1;margin:0;font-size:1rem}.under-engine{text-align:center;margin-top:18px;font-size:.875rem}.lesson-navigation{color:#7a9460;justify-content:space-between;gap:18px;margin-top:18px;padding:21px 0;font-size:.875rem;display:flex}.info-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px;display:grid}.info-grid>.panel{padding:23px}.info-grid p{font-size:1rem}.info-grid h3{font-size:.9375rem}.practice-note{background:#eef3e7;border-radius:13px;margin-bottom:23px;padding:18px 22px}.practice-note p{margin-bottom:11px;font-size:1rem}.practice-note kbd{margin-right:7px;display:inline-block}.custom-panel{margin-bottom:22px;padding:25px}.custom-panel label{display:block}.custom-panel label>span{color:var(--muted);margin-top:5px;font-size:.875rem;display:block}.custom-text{background:var(--bg);border:1px solid var(--line);color:var(--ink);resize:vertical;border-radius:10px;width:100%;height:130px;margin:15px 0;padding:15px;display:block}.results-panel{text-align:center;padding:39px 25px}.result-medal{background:var(--mint);color:#7a9860;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 23px;display:flex}.results-panel h2{font-size:1.75rem}.results-panel>p{max-width:620px;margin:12px auto;font-size:1rem}.result-stats{justify-content:center;align-items:center;gap:60px;margin:29px 0;display:flex}.result-stats strong{color:#5c7f48;letter-spacing:-2px;font-family:Manrope,sans-serif;font-size:2.6875rem;display:block}.result-stats strong small{letter-spacing:0;font-size:1.25rem}.result-stats span{color:#9da88e;font-size:.875rem}.results-panel .button-row{justify-content:center;margin-top:24px}.results-panel .subtle-link{margin-top:24px}.result-keys kbd{margin-left:8px;display:inline-block}.inline-notice{color:#8d7963;padding:12px 0;font-size:.875rem}.game-banner{background:#efedf7;border-radius:18px;align-items:center;gap:24px;margin:17px 0 28px;padding:27px 29px;display:flex}.game-banner>span:first-child{color:#a098c1;font-size:2.875rem}.game-banner>div{flex:1}.game-banner p{max-width:620px;font-size:1rem}.progress-banner{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.progress-banner>div:first-of-type{flex:1}.progress-banner p{margin-top:5px;font-size:1rem}.progress-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:25px;display:grid}.progress-grid .panel{padding:27px}.progress-grid h2{font-size:1.25rem}.progress-grid p{font-size:1rem}.bar-chart{justify-content:space-around;align-items:flex-end;gap:10px;height:160px;margin-top:29px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;max-width:35px;height:100%;display:flex}.chart-column>span{color:#7a9664;font-size:.875rem}.chart-column>small{color:#a1ad91;white-space:nowrap;font-size:.875rem}.chart-bar{background:#d7e6c6;border-radius:5px 5px 0 0;width:100%;max-width:25px}.weak-key-list{flex-wrap:wrap;gap:15px;margin:22px 0 28px;display:flex}.weak-key-list>span{text-align:center;flex-direction:column;gap:5px;display:flex}.weak-key-list kbd{color:#7a9664;padding:7px 14px;font-size:1.375rem}.weak-key-list small{color:#9daa8d;font-size:.875rem}.empty-state{text-align:center;margin-top:25px;padding:65px 30px}.empty-state>svg{color:#91a574;margin-bottom:17px}.empty-state h2{font-size:1.5rem}.empty-state p{max-width:570px;margin:12px auto 24px;font-size:1rem}.history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:.875rem}.history-table th{color:#8d9c7c;background:#f7f9f1;padding:15px 22px;font-size:.875rem;font-weight:500}.history-table td{border-top:1px solid var(--line);padding:17px 22px;font-size:.875rem}.history-table td strong{font-size:.875rem;font-weight:600}.history-table td small{color:#98a18d;margin-top:4px;font-size:.875rem;display:block}.data-controls{border-top:1px solid var(--line);margin-top:39px;padding-top:22px}.data-controls p{margin:0 0 15px;font-size:1rem}.danger{color:#b9786b}.delete-confirm{background:#f8eee9;border-radius:12px;padding:20px}.danger-button{color:#fff;background:#b96b61;margin-right:12px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.guide-card{padding:0 22px 22px;transition:all .2s;overflow:hidden}.guide-art{justify-content:space-between;align-items:center;height:155px;margin:0 -22px 25px;padding:27px;display:flex;position:relative;overflow:hidden}.guide-art:before,.guide-art:after{content:"";border:1px solid #ffffff50;border-radius:50%;width:140px;height:140px;position:absolute;top:-26px;right:-16px}.guide-art:after{top:7px;right:15px}.guide-art>span{letter-spacing:-4px;font-family:Manrope,sans-serif;font-size:3.5rem}.guide-art svg{opacity:.7}.art-0{color:#8ba76d;background:#e6eedb}.art-1{color:#b29a7d;background:#f3e7da}.art-2{color:#a395bf;background:#e9e6f2}.guide-card .eyebrow{font-size:.875rem}.guide-card h2{letter-spacing:-.4px;font-size:1.125rem}.guide-card p{min-height:52px;font-size:1rem}.article{max-width:790px;margin:15px auto 25px}.article h1{letter-spacing:-1.5px;font-size:2.5rem;line-height:1.2}.article-lede{color:#879576;margin-top:19px!important;font-size:1.0625rem!important;line-height:1.7!important}.article-byline{margin:20px 0 30px!important;font-size:.875rem!important}.article h2{margin:38px 0 15px;font-size:1.5rem}.article h3{margin:23px 0 10px}.article p{margin:14px 0;font-size:1rem;line-height:1.9}.article a:not(.button){color:#688a4d;text-underline-offset:3px;text-decoration:underline}.article-toc{border:1px solid var(--line);background:#f2f5eb;border-radius:13px;margin:28px 0;padding:22px 26px}.article-toc strong{margin-bottom:11px;font-size:.875rem;display:block}.article-toc a{margin:5px 0;font-size:.875rem;display:block}.article-cta{border:1px solid var(--line);background:#eff4e8;border-radius:16px;margin-top:40px;padding:26px 30px}.article-cta h3{margin:0}.article-cta p{font-size:1rem}.teacher-hero{background:#eaf1e2;padding:30px}.teacher-hero p{max-width:730px;margin-bottom:22px;font-size:1rem}.teacher-weeks{grid-template-columns:repeat(4,1fr)}.teacher-weeks h3{font-size:1rem}.teacher-weeks .eyebrow{font-size:.875rem}.reflection-panel{margin-top:25px;padding:30px}.reflection-panel p,.reflection-panel li{color:var(--muted);font-size:1rem}.account-panel{max-width:570px;margin:25px auto;padding:33px}.account-panel p{margin:15px 0;font-size:1rem}.account-panel h2{margin-bottom:15px;font-size:1.5625rem}.account-panel form{margin:24px 0 15px}.account-panel form>label{color:#81946c;margin-bottom:18px;font-size:.875rem;display:block}.account-panel input:not([type=checkbox]){border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:8px;margin-top:7px;padding:11px 13px;display:block}.account-panel form>label.checkbox-label{color:var(--muted);align-items:flex-start;font-size:.875rem;display:flex}.account-panel .checkbox-label input{flex-shrink:0;margin-top:3px}.account-panel .checkbox-label a{text-decoration:underline}.modal-backdrop{z-index:100;background:#15351f70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.privacy-dialog{max-width:500px;padding:29px}.privacy-dialog p{margin:16px 0;font-size:1rem}.privacy-dialog a{text-decoration:underline}.ad-space{border:1px solid var(--line);text-align:center;min-height:120px;margin:38px 0;padding:20px}.ad-space>span{letter-spacing:1px;color:var(--muted);font-size:.875rem}.mobile-menu,.mobile-close{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--deep);color:#fff;z-index:100;padding:10px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.wrap{flex-wrap:wrap}.nav-backdrop{display:none}@keyframes blink{50%{border-color:#0000}}@media (min-width:1500px){.main-content{padding:43px 48px}.hero{min-height:370px;padding:44px}.hero h2{font-size:3.0625rem}.hero-visual .keyboard{width:395px}.decorative .key{min-width:28px;height:29px;font-size:.5625rem}.floating-key{width:85px;height:89px;font-size:3.0625rem;top:39px}.key-j{top:12px}.floating-key span{font-size:.5625rem;top:100px}.hero-orbit{top:0;left:20%}.orbit-two{top:-30px;left:13%}.hero p{font-size:1rem}.hero-proof,.hero-label{font-size:.875rem}.path-card h3{max-width:none;font-size:1.1875rem}.path-card p{max-width:none;font-size:1rem}.path-footer{font-size:.875rem}.stat-card{min-height:116px;padding:21px 18px}.stat-detail{font-size:.875rem;left:18px}.stat-card>div>span{font-size:.875rem}.stat-card strong{font-size:1.8125rem}.stat-icon{width:39px;height:39px}.section-heading h2{font-size:1.5rem}.path-tag{font-size:.875rem}}@media (max-width:1150px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.app-shell{margin-left:210px}.main-content{padding:28px 27px}.topbar{padding:0 27px}.hero{grid-template-columns:1.2fr 1fr;min-height:300px;padding:29px 25px}.hero h2{font-size:2.125rem}.hero-visual .keyboard{width:280px;transform:rotate(-7deg)scale(.95)}.decorative .key{min-width:19px;height:20px}.hero-proof{gap:10px;font-size:.875rem}.hero .button-row{gap:12px}.hero .button{padding:10px 12px;font-size:1rem}.hero-secondary{gap:6px;font-size:.875rem}.floating-key{width:52px;height:57px;font-size:1.9375rem}.floating-key span{top:65px}.hero-orbit{width:240px;height:240px;top:10px;left:4%}.orbit-two{width:290px;height:290px;top:-15px;left:-5%}.key-j{right:6%}.hero-caption{font-size:.5rem;left:7%}.stat-card{gap:7px;min-height:100px;padding:15px 11px 20px}.stat-icon{width:27px;height:27px}.stat-icon svg{width:16px}.stat-card>div>span{font-size:.875rem}.stat-detail{font-size:.875rem;left:11px}.stat-card strong{font-size:1.375rem}.path-card{padding:18px 17px}.path-card h3{font-size:.9375rem}.path-tag{font-size:.875rem}.path-card p{font-size:1rem}.path-footer{font-size:.875rem}.teacher-weeks{grid-template-columns:repeat(2,1fr)}footer{padding:20px 27px}.page-heading h1{font-size:1.6875rem}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:930px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.brand{gap:8px;padding-left:6px;font-size:1.375rem}.brand-mark{width:34px;height:35px}.brand small{letter-spacing:1px;font-size:.875rem}.nav-link{padding:10px;font-size:.875rem}.nav-label{margin-left:10px;font-size:.875rem}.daily-note{padding:17px 12px}.daily-note strong{font-size:.875rem}.note-spark{right:10px}.daily-note p{font-size:1rem}.account-link,.account-link small{font-size:.875rem}.account-link>svg{display:none}.app-shell{margin-left:185px}.hero{grid-template-columns:1fr}.hero-visual{opacity:.55;pointer-events:none;width:220px;height:220px;position:absolute;bottom:27px;right:15px}.hero-copy{z-index:5;max-width:360px}.hero .button-row{margin-top:25px}.hero h2{font-size:2.1875rem}.hero-proof{font-size:.875rem}.hero-visual .keyboard{transform-origin:100% 100%;transform:rotate(-7deg)scale(.8)}.key-f{top:26px;left:26%}.key-j{top:6px;right:0}.hero-orbit{left:5%}.hero-visual .floating-key span,.hero-caption{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card>div>span{font-size:.875rem}.stat-card strong{font-size:1.625rem}.stat-detail{font-size:.875rem}.stat-card{padding:17px 17px 23px}.stat-icon{width:35px;height:35px}.stat-detail{left:17px}.path-grid{grid-template-columns:1fr}.path-card{grid-template-columns:49px 1fr;align-items:start;column-gap:15px;display:grid}.path-icon{grid-row:1/5;margin:0}.path-tag{font-size:.875rem}.path-card h3{max-width:none;font-size:1.0625rem}.path-card p{max-width:none;min-height:0;font-size:1rem}.path-footer{grid-column:2;margin-top:12px;font-size:.875rem}.round-arrow{position:absolute;top:15px;right:15px}.path-card{padding-right:44px;position:relative}.path-footer .round-arrow{width:22px;height:22px;position:static}.lesson-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.teacher-weeks{grid-template-columns:repeat(2,1fr)}.bottom-callout{flex-wrap:wrap;padding:20px}.bottom-callout .button{margin-left:80px}.topbar-actions{gap:13px}.streak-tag,.language-link,.breadcrumb{font-size:.875rem}.workspace-options{gap:9px}.quiet-label{display:none}.typing-text{font-size:1.25rem}.progress-grid{grid-template-columns:1fr}.progress-banner{flex-wrap:wrap}.progress-banner .button-row{width:100%;margin-left:49px}.section-heading .subtle-link{font-size:.875rem}footer{flex-direction:column;align-items:flex-start}.hero .desktop-break{display:none}}@media (max-width:700px){.sidebar{width:236px;padding:29px 20px 21px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.nav-backdrop{z-index:25;background:#203c2955;display:block;position:fixed;inset:0}.app-shell{margin-left:0}.brand{font-size:1.5625rem}.brand small{font-size:.875rem}.nav-link{padding:10px 15px;font-size:.875rem}.daily-note strong{font-size:.875rem}.daily-note p{font-size:1rem}.account-link,.account-link small{font-size:.875rem}.mobile-menu{display:flex}.mobile-close{display:flex;position:absolute;top:9px;right:10px}.topbar{height:63px;padding:0 20px}.topbar-left{gap:9px}.topbar-actions{gap:12px}.breadcrumb{font-size:.875rem}.breadcrumb>span{padding:0 7px}.language-link{gap:4px;font-size:.875rem}.language-link>svg{width:14px}.streak-tag{gap:3px;padding:4px 6px;font-size:.875rem}.streak-tag>svg{width:13px}.profile-button{display:none}.main-content{padding:26px 20px}.page-heading{align-items:flex-start;margin-bottom:21px}.page-heading h1{font-size:1.5625rem}.page-heading .eyebrow{letter-spacing:1.3px;margin-bottom:10px;font-size:.875rem}.page-heading p{max-width:370px;font-size:1rem}.page-heading>.free-pill{display:none}.hero{border-radius:16px;min-height:310px;padding:27px 23px}.hero h2{font-size:2.1875rem}.hero-visual{opacity:.23;width:230px;bottom:22px;right:20px}.hero-copy{max-width:360px}.hero-label{font-size:.875rem}.hero p{color:#758c65;max-width:270px;font-size:1rem}.hero .button{padding:11px 14px;font-size:1rem}.hero-proof{font-size:.875rem}.hero-proof>span{gap:3px}.hero-proof svg{width:11px}.stats-grid{gap:10px;margin-top:17px}.stat-card{border-radius:12px;min-height:100px;padding:14px 13px 26px}.stat-card>div>span{font-size:.875rem}.stat-card strong{font-size:1.5625rem}.stat-card strong small{font-size:.875rem}.stat-icon{width:30px;height:30px}.stat-detail{font-size:.875rem;bottom:10px;left:13px}.section-heading{align-items:flex-start;margin:28px 0 17px}.section-heading h2{font-size:1.25rem}.section-heading .eyebrow{font-size:.875rem}.section-heading .subtle-link{text-align:right;flex-shrink:0;gap:4px;max-width:110px;margin-top:3px;font-size:.875rem}.section-heading .subtle-link svg{width:13px}.path-grid{gap:12px}.path-card{padding:19px 18px}.path-card h3,.path-card p{font-size:1rem}.workspace-controls{gap:11px;margin:17px 0 12px}.segmented{gap:3px;padding:3px}.segmented button{padding:6px 10px;font-size:.875rem}.workspace-options{font-size:.875rem}.workspace-options select{font-size:1rem}.checkbox-label input{width:11px;height:11px}.typing-panel{padding:17px 18px 14px}.engine-header{gap:10px;padding-bottom:14px}.engine-mode{font-size:.875rem}.live-stats{gap:14px;font-size:.875rem}.live-stats strong{font-size:.875rem}.live-stats svg{width:13px}.typing-text{max-height:140px;font-size:1.1875rem;line-height:1.85}.typing-surface{min-height:130px;margin-top:21px}.focus-prompt,.engine-footer,.engine-footer .text-button{font-size:.875rem}.typing-tip{text-align:center;margin-top:16px;font-size:.875rem;line-height:1.6}.typing-tip svg{width:12px}.keyboard{padding-left:0;padding-right:0}.key{min-width:25px;height:25px;font-size:.5rem}.key-row{gap:3px}.key.space{width:133px}.bottom-callout{gap:14px}.callout-symbol{width:44px;font-size:1.625rem}.bottom-callout h3{font-size:.875rem}.bottom-callout .eyebrow{font-size:.875rem;line-height:1.7}.bottom-callout p{font-size:1rem}.bottom-callout .button{margin-left:58px;font-size:1rem}.catalog-toolbar{flex-wrap:wrap;gap:12px}.catalog-toolbar .segmented{flex-wrap:wrap}.catalog-toolbar .muted-text{font-size:.875rem}.lesson-grid{gap:12px}.lesson-card{padding:16px}.lesson-card h3{font-size:.875rem}.lesson-card p{font-size:1rem}.lesson-keycaps{flex-wrap:wrap;gap:4px}.lesson-keycaps kbd{padding:5px 7px;font-size:.875rem}.lesson-index,.lesson-card-bottom{font-size:.875rem}.level-title{gap:12px}.level-title h2{font-size:1.125rem}.level-title p{font-size:1rem}.lesson-intro{padding:19px}.lesson-intro strong{font-size:.9375rem}.lesson-intro p{font-size:1rem}.mini-progress{flex-wrap:wrap;gap:9px;font-size:.875rem}.lesson-tip{gap:10px;padding:16px}.lesson-tip p{font-size:1rem}.lesson-tip .free-pill{display:none}.lesson-tip>svg{width:17px}.lesson-navigation{font-size:.875rem}.results-panel{padding:30px 18px}.results-panel h2{font-size:1.4375rem}.result-stats{gap:34px}.result-stats strong{font-size:2.1875rem}.result-stats span{font-size:.875rem}.results-panel>p{font-size:1rem}.result-keys kbd{margin:5px 3px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{padding:0 22px 23px}.guide-art{height:135px}.guide-card h2{font-size:1.25rem}.guide-card p{min-height:0;font-size:1rem}.guide-card .path-footer{font-size:.875rem}.article h1{font-size:1.9375rem}.article-lede{font-size:.9375rem!important}.article h2{font-size:1.3125rem}.article p{font-size:1rem}.article-cta{padding:22px}.teacher-weeks{grid-template-columns:1fr}.teacher-hero{padding:24px}.teacher-hero h2{font-size:1.375rem}.teacher-hero p{font-size:1rem}.reflection-panel{padding:25px}.game-banner{flex-wrap:wrap;gap:14px;padding:21px}.game-banner>span:first-child{font-size:2.0625rem}.game-banner h2{font-size:1.375rem}.game-banner p{font-size:1rem}.game-banner>.free-pill{margin-left:40px}.progress-banner{gap:11px;padding:19px}.progress-banner strong{font-size:.875rem}.progress-banner .button-row{gap:10px;margin-left:0}.progress-grid .panel{padding:23px}.account-panel{padding:24px}.account-panel h2{font-size:1.4375rem}.account-panel .segmented button{font-size:.875rem}.progress-dashboard .button{font-size:1rem}.history-table td,.history-table th{padding:13px 15px}footer{padding:20px;font-size:.875rem}footer>div{flex-wrap:wrap;gap:13px}}@media (max-width:390px){.topbar{padding:0 13px}.main-content{padding:23px 15px}.breadcrumb{display:none}.topbar-actions{gap:14px}.hero{padding:25px 19px}.hero h2{font-size:1.9375rem}.hero .button-row{gap:11px}.hero-secondary{font-size:.875rem}.stat-card{gap:8px}.stat-icon{width:25px;height:25px}.stat-card>div>span{font-size:.875rem}.stat-card strong{font-size:1.375rem}.key{min-width:22px;height:23px}.live-stats{gap:9px}.engine-mode{font-size:.875rem}.lesson-grid{grid-template-columns:1fr}.lesson-card h3{font-size:1.0625rem}.lesson-card p{min-height:0;font-size:1rem}.section-heading .subtle-link{max-width:90px}.result-stats{gap:22px}.keyboard .wide{width:38px}.typing-text{font-size:1.125rem}}.lesson-typing-panel .keyboard{border:1px solid var(--line);background:var(--bg);border-radius:18px;width:760px;max-width:100%;margin:24px auto 12px;padding:16px}.lesson-typing-panel .key-row{gap:clamp(3px,.6vw,8px);margin:6px 0}.lesson-typing-panel .key{min-width:0;height:clamp(36px,4.5vw,58px);color:var(--ink);border-radius:7px;flex:1;font-size:clamp(.875rem,1.6vw,1.375rem);font-weight:600}.lesson-typing-panel .key.wide{flex:2;width:auto;font-size:clamp(.6875rem,1.1vw,.9375rem)}.lesson-typing-panel .key.space{flex:6;width:auto;font-size:clamp(.75rem,1.2vw,1rem)}.lesson-typing-panel .key.next-key{background:var(--mint);color:var(--ink);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.lesson-typing-panel .key.anchor-key:after{background:currentColor;width:9px;height:2px;bottom:6px}@media (max-width:480px){.lesson-typing-panel .keyboard{padding:8px}.lesson-typing-panel .key-row:nth-child(2){padding-left:5px}.lesson-typing-panel .key-row:nth-child(3){padding-left:8px}}html[data-theme=dark]{--bg:#17221c;--panel:#202d24;--ink:#dbe5d6;--muted:#9aa993;--green:#accca1;--deep:#477050;--mint:#2b3d2a;--line:#344030;--sage:#344431;--peach:#4a3c2e;--lilac:#3c374d;--yellow:#49452d;--hero:#2c3e2c;--sidebar:#1c281f;--shadow:none}html[data-theme=dark] .hero{border-color:var(--line)}html[data-theme=dark] .hero h2{color:#e0ecd4}html[data-theme=dark] .hero p{color:#abbb9c}html[data-theme=dark] .hero-label,html[data-theme=dark] .hero-proof{color:#a4bd91}html[data-theme=dark] .nav-link.active{color:#c3ddaf;background:#31432c}html[data-theme=dark] .daily-note,html[data-theme=dark] .bottom-callout,html[data-theme=dark] .lesson-intro,html[data-theme=dark] .article-toc,html[data-theme=dark] .article-cta,html[data-theme=dark] .practice-note{border-color:var(--line);background:#273729}html[data-theme=dark] .segmented{border-color:var(--line);background:#283728}html[data-theme=dark] .focus-prompt{color:#b5caa3;background:#202d24ed}html[data-theme=dark] .typing-text .correct{color:#c4dda9}html[data-theme=dark] .typing-text .incorrect{color:#f7a1a1;background:#693c3a}html[data-theme=dark] .key{border-color:var(--line)}html[data-theme=dark] .key.next-key{color:#e4f5d7;background:#526e44}html[data-theme=dark] .streak-tag{color:#d1c493;background:#3b3929;border-color:#46432e}html[data-theme=dark] .lesson-card.completed{background:#293b28}html[data-theme=dark] .lesson-keycaps kbd,html[data-theme=dark] .history-table th{border-color:var(--line);color:#b8cf9f;background:#293727}html[data-theme=dark] .game-banner{background:#363144}html[data-theme=dark] .delete-confirm{background:#4b332c}html[data-theme=dark] .hero .keyboard .key{color:#879d78;background:#eef3e3}html[data-theme=dark] .guide-art{filter:brightness(.72)}html[data-theme=dark] .round-arrow{color:#b8cca3;background:#344430}html[data-theme=dark] .hero-visual{opacity:.5}html[data-theme=dark] .lesson-tip p,html[data-theme=dark] .subtle-link{color:#aac990}html[data-theme=dark] .article a:not(.button){color:#b4d19c}html[data-theme=dark] .account-panel form>label{color:#b1c49d}html[data-theme=dark] .avatar{color:#b8cfa0;background:#344330}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,footer,.button-row,.ad-space,.privacy-dialog,.modal-backdrop{display:none!important}.app-shell{margin:0}.main-content{max-width:none;padding:0}body{color:#000;background:#fff}.panel{box-shadow:none;break-inside:avoid;border:1px solid #ddd}.teacher-weeks{grid-template-columns:repeat(2,1fr)}.page-heading,.teacher-hero,.reflection-panel{break-inside:avoid}p{color:#444}.bottom-callout{display:none}}.nav-label,.path-tag,.eyebrow,.hero-label,.brand small,.topbar .breadcrumb,.language-link,.streak-tag,.nav-link{font-size:.875rem}.hero p{font-size:1rem}.hero-proof{font-size:.875rem}.button,.hero-secondary{font-size:1rem}.stat-card>div>span,.stat-detail,.stat-card strong small{font-size:.875rem}.path-card p,.guide-card p,.level-title p{font-size:1rem}.path-tag,.path-footer{font-size:.875rem}.page-heading p,.section-heading p{font-size:1rem}.subtle-link{font-size:.875rem}.workspace-options,.workspace-options select,.segmented button{font-size:1rem}.engine-mode,.engine-footer,.text-button,.typing-tip,.live-stats,.engine-footer kbd{font-size:.875rem}.lesson-card p{font-size:1rem}.lesson-index,.lesson-card-bottom{font-size:.875rem}.bottom-callout p{font-size:1rem}.bottom-callout .eyebrow,footer,footer button.text-button,.under-engine{font-size:.875rem}.daily-note p{font-size:1rem}.account-link,.account-link small,.daily-note a,.hero-secondary{font-size:.875rem}@media (max-width:1150px) and (min-width:701px){.stat-detail,.stat-card>div>span,.hero .hero-secondary{font-size:.875rem}.hero p{font-size:1rem}.hero-proof,.workspace-options,.engine-mode{font-size:.875rem}}@media (max-width:700px){.breadcrumb{display:none}.topbar-actions{gap:14px}.hero p{font-size:1rem}.hero-proof,.hero-label{font-size:.875rem}.hero .button{font-size:1rem}.hero-secondary,.stat-card>div>span,.stat-detail,.stat-card strong small{font-size:.875rem}.segmented button,.workspace-options,.workspace-options select{font-size:1rem}.engine-mode,.engine-footer,.engine-footer .text-button,.typing-tip,.live-stats{font-size:.875rem}.path-card p{font-size:1rem}.path-tag,.path-footer{font-size:.875rem}.page-heading p{font-size:1rem}.section-heading .subtle-link{font-size:.875rem}.bottom-callout p,.bottom-callout .button{font-size:1rem}.bottom-callout .eyebrow{font-size:.875rem}.lesson-card p{font-size:1rem}.lesson-card-bottom,.catalog-toolbar .segmented button{font-size:.875rem}.live-stats{gap:10px}.sidebar{visibility:hidden}.sidebar.is-open{visibility:visible}}:root{--muted:#687566;--support:#536747}html[data-theme=dark]{--muted:#a3b09b;--support:#b2c6a0}.nav-label,.path-tag,.eyebrow,.hero-label,.hero-proof,.stat-card>div>span,.stat-detail,.path-footer,.engine-mode,.engine-footer,.typing-tip,.lesson-index,.lesson-card-bottom,.level-title p,.bottom-callout p,.daily-note p,.breadcrumb,.account-link small,footer,.live-stats,.under-engine{color:var(--support)}.live-stats strong,.subtle-link,.text-button{color:var(--green)}.typing-text{color:#6d7b60}html[data-theme=dark] .typing-text{color:#a3b793}html{font-size:100%}html[data-text-size=large]{font-size:112.5%}html[data-text-size=extra-large]{font-size:125%}.text-size-control{align-items:center;gap:8px;font-size:.875rem;display:flex}.text-size-control select{min-height:44px;padding:7px 9px;font-size:1rem}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:79px;padding-block:12px}.topbar-actions{flex-wrap:wrap;gap:12px}.sidebar{overflow-y:auto}.brand small,.nav-label{letter-spacing:.04em}.brand-mark{flex-shrink:0}.account-link>span:nth-child(2){min-width:0}.hero-label,.hero-proof,.path-footer,.lesson-card-bottom,.engine-footer,.engine-mode,.button-row,.section-heading,.catalog-toolbar,.workspace-options,.live-stats,footer>div{flex-wrap:wrap}.hero-proof,.path-tag{white-space:normal}.button,.hero-secondary{text-align:center;height:auto;min-height:44px}.typing-surface{min-height:8rem}.typing-text{max-height:9rem}.stat-card>div,.path-card,.lesson-card,.guide-card{min-width:0}@media (min-width:701px){.sidebar{width:272px}.app-shell{margin-left:272px}}@media (max-width:1100px){.topbar .breadcrumb,.streak-tag{display:none}}@media (max-width:700px){.sidebar{width:min(320px,85vw)}.topbar{min-height:72px;padding:10px 16px}.topbar-actions{flex:1;justify-content:flex-end;gap:8px}.text-size-control{flex-wrap:wrap;gap:2px}.text-size-control label{width:100%}.text-size-control select{max-width:10rem}.icon-button,.profile-button{flex-shrink:0;min-width:36px;min-height:36px}}@media (max-width:380px){.topbar-actions{justify-content:space-between;width:100%}}.segmented{flex-wrap:wrap;max-width:100%}.segmented button{white-space:normal}.stat-card{grid-template-columns:auto minmax(0,1fr);align-content:start;display:grid}.stat-detail{grid-column:1/-1;margin-top:4px;position:static}.section-heading .subtle-link{text-align:left;max-width:none}@media (max-width:700px){html[data-text-size=extra-large] .stats-grid{grid-template-columns:1fr}}