@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800;900&display=swap";:root{font-family:Playfair Display,Georgia,serif;color:#252c38;background:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:600;font-size:18px;--ink: #252c38;--muted: #68717d;--yellow: #ffd454;--orange: #f3985b;--peach: #ffede0;--blue: #ccecf3;--green: #dff2dd;--purple: #ece4fc;--line: #f0e8d9;--white: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bcce0;outline-offset:3px}.app-shell{max-width:1440px;margin:auto;min-height:100vh;background:#fffaf0;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#fffefa;border-bottom:1px solid #f3eee4;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:20px}.brand b{color:#e98a4f}.brand-mark{font-size:26px;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#fff0ad}nav{display:flex;gap:8px}nav button,.login-pill,.soft,.back-link,.icon-btn{border:0;background:transparent;color:#535c69;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;font-weight:700;font-size:13px}nav button.active,nav button:hover{background:#fff3c9;color:#30323a}.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{padding:9px}.login-pill{background:#fff3d4;color:#58492b}.avatar{width:37px;height:37px;border-radius:50%;background:#e6f3d8;display:grid;place-items:center;font-size:21px}.landing{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:2.2%;padding:44px 6.4% 50px;min-height:590px;background:radial-gradient(ellipse at 85% 23%,#fff5cc 0,transparent 38%),linear-gradient(125deg,#fffaf0,#fff8eb 55%,#f4fbf4);isolation:isolate}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.11em;color:#b77e47;font-weight:800;display:flex;align-items:center;gap:6px}.hero-copy h1,.lesson-title h1,.panel h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(44px,5.4vw,72px);line-height:1.03;letter-spacing:-.035em;margin:17px 0;color:var(--ink)}.hero-copy h1 span{color:#e88a4c}.hero-text{color:#65707b;font-size:17px;line-height:1.65;max-width:440px}.hero-buttons{display:flex;gap:12px;margin-top:28px}.primary,.small-primary{border:0;border-radius:15px;background:#f69b5a;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;box-shadow:0 5px #db7841;transition:transform .15s,box-shadow .15s}.primary:hover,.small-primary:hover{transform:translateY(-2px);box-shadow:0 7px #db7841}.soft{background:#fff;border:1px solid #f0e6d7;color:#515965;padding:13px 17px}.hero-proof{display:flex;align-items:center;gap:9px;color:#74808a;font-size:12px;margin-top:28px}.tiny-avatars{font-size:22px;letter-spacing:-7px;padding-right:6px}.hero-art{position:relative;z-index:1}.hero-art img{display:block;width:100%;height:auto;max-height:490px;object-fit:contain;border-radius:26px;box-shadow:0 20px 55px #70582c1b}.floating-note{position:absolute;border-radius:14px;background:#fff;padding:11px 15px;box-shadow:0 8px 26px #514c351c;font-family:Playfair Display,Georgia,serif;color:#49535b;font-size:15px;animation:bob 4s ease-in-out infinite}.note-top{top:10%;left:-25px}.note-bottom{bottom:8%;right:-20px;animation-delay:-2s}@keyframes bob{50%{transform:translateY(-8px)}}.cloud{position:absolute;background:#fffefa;opacity:.48;border-radius:50%;z-index:-1}.cloud-one{width:180px;height:55px;left:-40px;bottom:55px}.cloud-two{width:160px;height:60px;right:20px;top:70px}.welcome-strip{margin:0 6%;padding:24px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 26px #523c1b08}.welcome-strip>div{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.strip-emoji{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#fff4d2;font-size:21px}.welcome-strip b{font-family:Playfair Display,Georgia,serif;font-size:15px}.welcome-strip small{color:#7b838a;font-size:11px;margin-top:4px}.start-card{margin:32px 6% 45px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:23px;background:#f1f8e9}.start-card h2,.badge-shelf h2,.trail h2{font-family:Playfair Display,Georgia,serif;margin:8px 0;font-size:23px}.start-card p:not(.eyebrow){color:#69746c;margin:5px 0}.start-card .primary{white-space:nowrap}.notice{position:sticky;top:0;z-index:5;padding:12px 6%;background:#e5f4dd;color:#476240;font-size:13px;display:flex;justify-content:space-between}.notice button{border:0;background:none;font-size:20px;color:inherit}.lesson-page{padding:30px 6% 42px}.lesson-heading{display:flex;align-items:center;justify-content:space-between}.back-link{padding-left:0}.lesson-meta{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;color:#69717a;letter-spacing:.08em}.progress-track{width:210px;height:7px;background:#eee8de;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:#f2bd47;border-radius:inherit}.lesson-title{text-align:center;margin:24px auto 28px}.lesson-title h1{font-size:38px;margin:8px}.lesson-title p{color:var(--muted);margin:6px}.lesson-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1030px;margin:auto}.typing-card,.guide-card,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 28px #48371908}.card-top{display:flex;justify-content:space-between;align-items:center}.stage-chip{font-size:9px;font-weight:800;letter-spacing:.1em;color:#8b6948;background:#fff5d8;border-radius:99px;padding:8px 10px}.accuracy{font-size:12px;color:#7e858a}.accuracy b{font-size:17px;color:#6b9e64;margin-left:5px}.target-text{font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,34px);line-height:1.8;letter-spacing:.18em;text-align:center;margin:34px 0 22px;min-height:60px;overflow-wrap:anywhere}.target-text span{color:#b4b8bb}.target-text span.typed{color:#78a66e}.target-text span.wrong{color:#db6464;background:#ffeded;border-radius:4px}.target-text span.current{color:#3a5561;background:#dff4fa;border-radius:4px;box-shadow:0 2px #77c3d0}.typing-input,.game-input{width:100%;padding:14px 16px;border:2px solid #e8e4dc;border-radius:13px;background:#fffdfa;text-align:center;color:#333;font-size:16px}.typing-input::placeholder,.game-input::placeholder{color:#afb4b5}.lesson-stats{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;color:#75808a;gap:6px}.lesson-stats span{display:flex;align-items:center;gap:5px}.lesson-stats small{color:#a0a6aa}.word-note{padding:13px 15px;margin-top:16px;background:#f2f9e9;border-radius:13px;color:#546d4e;font-size:13px}.word-note p{margin:6px 0}.word-note small{color:#73816d}.result-box{margin-top:15px;padding:13px;background:#fff5d9;border-radius:12px;display:grid;gap:5px;color:#68562f;font-size:13px}.result-box span{color:#746d5a}.small-primary{font-size:12px;padding:8px 12px;justify-self:start;box-shadow:none}.guide-card{background:#f2f9f1;width:100%}.guide-card svg{width:100%;height:auto}.guide-head{display:flex;gap:10px;align-items:center}.chick{font-size:30px}.guide-head b,.guide-head small{display:block}.guide-head b{font-family:Playfair Display,Georgia,serif;font-size:17px}.guide-head small{color:#7b887a;font-size:11px;margin-top:3px}.finger-label{text-align:center;margin:22px 0 14px;color:#587d57;font-size:12px;font-weight:800}.keyboard-mini{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;max-width:260px;margin:auto}.key{border:0;border-radius:7px;width:34px;height:36px;background:#fff;box-shadow:0 3px #e2e4db;color:#4a5258;font-family:Playfair Display,Georgia,serif;font-weight:600}.key-0,.key-9{background:#ffe2dd}.key-1,.key-8{background:#ffedcf}.key-2,.key-7{background:#e1f1d9}.key-3,.key-6{background:#d9eef4}.key-4,.key-5{background:#fff3b9}.key.glow{outline:3px solid #f1b73c;transform:translateY(-3px);box-shadow:0 5px #dda631}.home-line{width:100%;display:flex;align-items:center;gap:5px;color:#91a291;font-size:8px;font-weight:800;margin-top:8px}.home-line i{height:1px;flex:1;background:#cfddca}.hand-note{display:flex;align-items:center;gap:10px;margin-top:20px;padding:10px;background:#fff;border-radius:12px}.hand-note span{font-size:25px}.hand-note p{font-size:11px;color:#718071;margin:0;line-height:1.5}.hint-btn{border:0;background:transparent;color:#71926b;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;margin:9px auto 0}.mastery-banner{max-width:1030px;margin:18px auto 0;padding:15px 18px;border-radius:15px;background:#fff2d5;display:flex;align-items:center;gap:12px}.mastery-icon{font-size:25px}.mastery-banner b,.mastery-banner small{display:block}.mastery-banner b{font-family:Playfair Display,Georgia,serif;font-size:14px}.mastery-banner small{color:#887958;font-size:11px;margin-top:4px}.mastery-stars{margin-left:auto;color:#e7b649;letter-spacing:4px}.panel{max-width:1000px;margin:42px auto;padding:34px}.panel h1{font-size:42px;margin:10px 0}.panel>p{color:var(--muted);margin-top:0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.game-card{padding:23px;border-radius:19px;position:relative;min-height:310px;overflow:hidden}.game-card-yellow{background:#fff3cf}.game-card-blue{background:#e6f5fa}.game-emoji{position:absolute;right:22px;top:16px;font-size:41px}.game-card .eyebrow{margin-top:7px}.game-card h2{font-family:Playfair Display,Georgia,serif;margin:8px 0}.game-card p{color:#737b80;font-size:13px;max-width:290px}.banana-word{display:flex;gap:8px;margin:20px 0 10px}.banana-word span{width:38px;height:38px;border-radius:10px;background:#fffefa;display:grid;place-items:center;font-family:Playfair Display,Georgia,serif;font-weight:700}.banana-word span.caught{background:#f8db76}.game-input{width:auto;text-align:left;padding:9px 12px;max-width:220px}.game-card>small{display:block;color:#777f80;margin-top:13px}.game-card-blue .primary{margin-top:15px}.chorus{font-size:32px;margin:24px 0}.game-foot{text-align:center;background:#faf7f0;border-radius:13px;padding:14px;color:#788080;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:26px 0}.stats-grid article{background:#fbf8ef;border-radius:17px;padding:18px;display:grid;gap:6px}.stats-grid article span{font-size:24px}.stats-grid article b{font-family:Playfair Display,Georgia,serif;font-size:28px}.stats-grid article small{color:#778087;font-size:11px}.badge-shelf,.trail{padding-top:12px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.badge{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.badge>span{grid-row:span 2;font-size:26px}.badge b{font-family:Playfair Display,Georgia,serif;font-size:13px}.badge small{color:#8c9397;font-size:10px}.badge.locked{opacity:.48;filter:grayscale(.5)}.trail{margin-top:25px}.trail-line{display:flex;gap:10px;flex-wrap:wrap}.trail-stop{display:grid;justify-items:center;gap:6px;width:110px;text-align:center}.trail-stop span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f0eee9;color:#9ca0a0;font-weight:800}.trail-stop.done span{background:#dff1d7;color:#538a50}.trail-stop.next span{background:#fff0bf;color:#b17e1d}.trail-stop small{font-size:10px;color:#7a8184}.parent-panel{max-width:620px}.parent-panel label{display:grid;gap:7px;margin:18px 0;font-size:12px;font-weight:700;color:#58616a}.parent-panel input,.parent-panel select{padding:12px;border-radius:11px;border:1px solid #e8e2d7;background:#fffefa}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:13px}.toggle-row small{font-size:11px;color:#849087;margin-top:4px}.switch{width:44px;height:26px;border:0;border-radius:20px;background:#d6d8d5;padding:3px}.switch:after{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .18s}.switch.on{background:#87b378}.switch.on:after{transform:translate(18px)}.fine-print{font-size:11px;color:#83898a;line-height:1.55;margin-top:17px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;border-top:1px solid #f1eadf;color:#8a8e8d;font-size:11px}footer>span:first-child{font-family:Playfair Display,Georgia,serif;color:#596068;font-weight:600;font-size:13px}footer button,footer a{border:0;background:none;color:#946b46;text-decoration:underline;font-size:11px}.made{color:#ac956b}@media(max-width:850px){.topbar{padding:0 4%;height:66px}.topbar nav{gap:0}.topbar nav button{padding:9px;font-size:0}.topbar nav svg{width:19px;height:19px}.landing{grid-template-columns:1fr;padding:40px 7%;gap:28px}.hero-copy h1{font-size:58px}.hero-art{max-width:600px;width:100%;margin:auto}.welcome-strip{grid-template-columns:1fr;padding:18px 22px;gap:15px}.lesson-grid{grid-template-columns:1fr}.guide-card{order:-1}.keyboard-mini{max-width:360px}.game-grid{grid-template-columns:1fr}.panel{margin:25px 4%;padding:25px}.stats-grid,.badge-grid{grid-template-columns:1fr 1fr}.lesson-page{padding:24px 4%}.lesson-title{margin:20px auto}.lesson-meta{gap:7px}.progress-track{width:80px}}@media(max-width:520px){.topbar{gap:5px}.brand{font-size:16px;gap:5px}.brand-mark{width:33px;height:33px;font-size:22px}.top-actions{gap:2px}.login-pill{font-size:0;padding:9px}.login-pill svg{width:17px;height:17px}.avatar{width:32px;height:32px}.hero-copy h1{font-size:48px}.hero-text{font-size:15px}.hero-buttons{flex-wrap:wrap}.floating-note{font-size:12px;padding:8px 10px}.note-top{left:-5px}.note-bottom{right:-4px}.start-card{margin:24px 5%;padding:22px;align-items:flex-start;flex-direction:column}.lesson-meta{font-size:8px}.progress-track{width:50px}.lesson-title h1{font-size:32px}.typing-card,.guide-card{padding:17px}.target-text{margin:23px 0 16px}.lesson-stats{font-size:9px}.lesson-stats small{display:none}.panel h1{font-size:34px}.panel{padding:20px}.badge-grid{grid-template-columns:1fr 1fr}.badge{padding:9px;grid-template-columns:30px 1fr}.badge>span{font-size:20px}.badge b{font-size:11px}.trail-stop{width:82px}footer{flex-wrap:wrap;gap:10px}.made{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.skip-level{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#8d7954;text-decoration:underline;font-size:11px;font-weight:700;margin-top:7px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#26303b77;display:grid;place-items:center;padding:20px}.auth-modal{position:relative;background:#fffefa;border:1px solid var(--line);border-radius:23px;box-shadow:0 24px 80px #1d28333b;width:min(100%,440px);padding:32px}.auth-modal h2{font:600 27px Fredoka,sans-serif;margin:12px 0 5px}.auth-modal p{color:#788087;font-size:13px;line-height:1.5}.auth-modal label{display:grid;gap:7px;margin:16px 0;font-size:12px;font-weight:700;color:#58616a}.auth-modal input{padding:12px;border:1px solid #e7e0d5;border-radius:11px;background:#fff}.auth-modal .primary{width:100%;margin-top:8px}.auth-switch{border:0;background:none;color:#8d7954;text-decoration:underline;font-size:12px;display:block;margin:16px auto 0}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;color:#81878a}button:disabled{cursor:default;opacity:.5;transform:none;box-shadow:none}.avatar{border:0}.auth-tabs{display:flex;gap:8px;margin:16px 0}.auth-tabs button{flex:1;border:1px solid var(--line);border-radius:10px;background:#faf7f0;color:#6e736f;font-size:12px;padding:9px}.auth-tabs button.selected{background:#fff0b9;color:#725527;border-color:#efd18a}.auth-modal{max-height:90vh;overflow-y:auto}.auth-modal select{border:1px solid #e7e0d5;border-radius:10px;padding:10px;background:#fff}.form-error{padding:11px;border-radius:11px;background:#fff0ed;color:#a04440!important;font-size:12px}.form-info{padding:11px;border-radius:11px;background:#edf7e8;color:#537548!important;font-size:12px}.parent-session,.parent-reminder,.viewing-child{background:#fff2ce;color:#8a6d33;padding:11px 6%;font-size:12px}.parent-reminder{padding:15px;border-radius:12px;margin:18px 0}.viewing-child{display:flex;justify-content:space-between}.viewing-child button{border:0;background:none;color:#8b5e2c;text-decoration:underline}.loading-panel{text-align:center;padding:65px}.loading-panel>span{font-size:50px}.loading-panel p{margin-top:16px}.full-guide{padding:19px;align-self:start;width:100%;max-width:100%;box-sizing:border-box}.full-keyboard{margin:15px -8px 0}.keyboard-row{display:flex;justify-content:center;gap:3px;margin:5px 0}.guide-key{width:calc((100% - 25px)*.1);min-width:16px;max-width:60px;height:31px;padding:0;position:relative;border:0;border-radius:5px;border-bottom:3px solid #0001;background:var(--finger-color);font-size:10px;font-weight:700;color:#45494a}.guide-key i{position:absolute;bottom:4px;left:35%;width:30%;height:2px;background:#78766c;border-radius:2px}.guide-key.unknown{opacity:.3}.guide-key.next-key{opacity:1;outline:3px solid #bd8b2c;outline-offset:1px;transform:translateY(-2px)}.modifier{font-size:7px;padding:8px 3px;background:#e8ebdf;border-radius:5px;color:#7f887c;min-width:18px;display:grid;place-items:center}.modifier.needed{outline:3px solid #bd8b2c;background:#fff0ab}.spacebar{background:#ddc8ec;color:#755b83;width:57%;border-radius:5px;padding:8px 0;text-align:center;font-size:8px;letter-spacing:.1em;font-weight:700}.spacebar.next-key{outline:3px solid #bd8b2c}.hands-diagram{display:block;width:100%;max-width:320px;margin:10px auto 0}.guide-caption{display:block;font-size:10px;text-align:center;color:#7b8878}.word-card{margin:20px 0 18px;padding:18px;background:#f1f8e7;border:1px solid #e1edcf;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.word-label{font-size:9px;letter-spacing:.13em;font-weight:800;color:#87946c}.word-card h2{font-family:Playfair Display,Georgia,serif;font-size:29px;margin:3px 0;color:#4b7248}.word-card>p{font-size:14px;color:#5e7055;width:100%;margin:10px 0 7px;line-height:1.55}.word-card>small{font-size:12px;color:#819074;width:100%;line-height:1.5}.word-card .early-word-note{margin-top:10px;padding-top:10px;border-top:1px solid #dce8ce;font-size:10px}.prompt-label{font-size:11px;font-weight:700;color:#7c8386;margin:18px 0 5px}.target-text{font-family:Playfair Display,Georgia,serif;font-size:22px;line-height:1.8;margin:15px 0 20px;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:.015em}.typing-input{caret-color:transparent}.typing-input.has-error{border-color:#e9a08b;background:#fff7f3}.typing-feedback{min-height:32px;font-size:11px;color:#8e866b;line-height:1.5}.continue-lesson{margin-top:22px;font-size:12px;padding:11px 17px;min-width:170px}.continue-lesson:disabled{background:#d6d6ca;box-shadow:0 4px #babbaf}.celebration{max-width:720px;text-align:center;background:#fff9e7;padding:40px}.celebration-emoji{font-size:60px}.celebration h2{font:500 33px Fredoka,sans-serif;margin:16px 0}.celebration>p{color:#7c7c6a}.result-metrics{display:flex;justify-content:center;gap:18px;margin:25px 0;color:#6c8b55}.result-metrics b{background:#fff;border-radius:12px;padding:15px}.celebration .primary{margin-top:15px}.recall{margin:20px 0}.recall h2{font:500 23px Fredoka,sans-serif}.recall p{font-size:13px;color:#7b8878}.recall-choice{display:block;width:100%;margin:9px 0;border:1px solid #e0e9d8;border-radius:12px;background:#f7faf2;text-align:left;padding:13px;color:#5c7050}.recall-choice:hover{border-color:#c5d5ad;background:#edf4dd}.recall-choice.recall-wrong{background:#fff5e4;color:#9f8054}.tutorial-modal{padding:27px;background:#fffefa;border-radius:23px;width:min(95vw,680px);max-height:94vh;overflow:auto}.tutorial-modal h2{font:500 28px Fredoka,sans-serif;margin:10px 0 18px}.tutorial-modal video{width:100%;border-radius:16px;background:#f4f8e9;aspect-ratio:16/9}.tutorial-modal ol{font-size:12px;color:#72816c;line-height:1.8;padding-left:20px}.tutorial-modal .primary{font-size:13px;padding:12px 20px}.game-letters{display:flex;gap:18px;justify-content:center;margin:30px 0}.game-letter{border-radius:18px;background:#fff9;padding:18px;min-width:70px;display:grid;gap:10px}.game-letter span{font-size:40px;display:block}.game-letter b{font:500 25px Fredoka,sans-serif}.game-letter.waiting{outline:3px solid #e5b343;animation:bob 3s ease-in-out infinite}.game-letter.collected{opacity:.45}.active-game{text-align:center;padding:30px;border-radius:20px;margin:25px 0}.active-game h2{font:500 29px Fredoka,sans-serif}.active-game p{font-size:13px;color:#7d806e}.game-type-label{font-size:12px;display:grid;gap:10px;justify-items:center}.active-game .game-input{text-align:center;width:230px}.active-game .soft{margin:20px auto 0}.word-progress{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:25px}.word-progress>div{padding:18px;background:#f6f9ef;border-radius:17px}.word-progress h2{font:500 21px Fredoka,sans-serif;margin:0}.word-progress p{font-size:12px;line-height:1.5;color:#7b8975}.word-chips{display:flex;gap:7px;flex-wrap:wrap}.word-chips span{background:#fff;border-radius:8px;padding:7px 10px;font-size:12px;color:#708661}.trail-line{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 8px}.trail-stop{width:auto;display:grid;justify-content:center;border:0;background:transparent;padding:5px;min-width:0}.trail-stop:disabled{opacity:.55}.trail-stop small{max-width:105px;line-height:1.4}.trail-stop.skipped span{background:#eae5fc;color:#8a75b4}.word-range{padding:16px 20px;background:#f1f7e7;border-radius:14px;margin:22px 0}.word-range label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:13px}.word-range select{border:1px solid #dce7ca;border-radius:8px;padding:7px;background:#fff}.word-range small{display:block;color:#819176;margin-top:8px;line-height:1.6}.vocabulary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.vocabulary-card{border-radius:17px;border:1px solid #e7ecd9;padding:20px;background:#fdfef9}.vocabulary-card>span{font-size:27px}.vocabulary-card h2{font:500 26px Fredoka,sans-serif;color:#5a8154;margin:9px 0}.vocabulary-card p{font-size:13px;color:#7a8673;line-height:1.6;min-height:62px}.vocabulary-card>small{display:block;font-size:10px;color:#9d9468;margin:12px 0}.vocabulary-card .soft{font-size:11px;width:100%;justify-content:center}.family-code{display:grid;gap:7px;padding:20px;background:#eef7e3;border-radius:16px;margin:20px 0}.family-code>span{font-size:10px;letter-spacing:.14em;color:#78916d}.family-code>b{font:500 27px Fredoka,sans-serif;letter-spacing:.08em}.family-code>small{color:#7b8973;font-size:11px}.family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.child-card{padding:20px;border-radius:17px;background:#fff7e5;border:1px solid #f1e6c9}.child-card>span{font-size:32px}.child-card h2{font:500 23px Fredoka,sans-serif;margin:7px 0}.child-card p{font-size:13px;color:#8a806b}.child-card small{font-size:11px;color:#928a7c}.child-form{padding:25px;background:#fbf9f0;border-radius:18px;margin-top:25px}.child-form h2{font:500 25px Fredoka,sans-serif;margin:0 0 8px}.child-form>p{font-size:13px;color:#828677;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.child-form label{display:grid;font-size:12px;font-weight:700;color:#6c7565;gap:7px;margin:14px 0}.child-form input,.child-form select{border:1px solid #e5e2d4;border-radius:10px;padding:11px;background:#fff}.child-form details{font-size:12px;color:#8a826b;margin:15px 0}.child-form summary{cursor:pointer}.child-form .primary{font-size:12px}.login-card{border-radius:17px;padding:20px;background:#eef7e4;border:1px solid #cde0b9;margin-top:25px}.login-card h2{font:500 25px Fredoka,sans-serif}.login-card p{font-size:13px;line-height:1.6;color:#73876a}.sync-warning{color:#b48125}.start-card small{display:block;color:#859278;font-size:11px;margin-top:10px;max-width:600px;line-height:1.6}@media(max-width:1000px){.topbar{padding:0 3%}.topbar nav button{padding:10px 8px}.lesson-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:850px){.lesson-grid{grid-template-columns:1fr}.full-guide{order:1;max-width:100%;width:100%;margin:auto}.guide-key{max-width:36px;height:35px;font-size:12px}.full-keyboard{margin:15px 0}.vocabulary-grid{grid-template-columns:1fr 1fr}.trail-line{grid-template-columns:repeat(4,1fr)}.lesson-heading .soft{font-size:10px;padding:8px}.word-progress{grid-template-columns:1fr}.full-guide .hands-diagram{max-height:140px}}@media(max-width:520px){.topbar nav button{padding:8px 6px}.topbar nav svg{width:17px;height:17px}.topbar .brand{font-size:15px}.topbar .icon-btn{padding:6px}.topbar .brand-mark{display:none}.topbar .avatar{width:27px;height:27px;font-size:19px}.top-actions .login-pill{font-size:0;padding:6px}.top-actions .login-pill:has(svg){font-size:0}.top-actions .login-pill:not(:has(svg)){font-size:9px}.vocabulary-grid,.family-grid,.form-grid{grid-template-columns:1fr}.game-letters{gap:7px}.game-letter{min-width:0;padding:12px;width:55px}.game-letter span{font-size:28px}.active-game{padding:20px 12px}.trail-line{grid-template-columns:repeat(3,1fr)}.lesson-meta .progress-track{display:none}.lesson-heading .back-link{font-size:10px}.lesson-heading .soft{font-size:0}.word-range label{flex-wrap:wrap}.target-text{font-size:19px}.full-guide{padding:17px}.child-form{padding:18px}.tutorial-modal{padding:20px}.parent-session{font-size:10px}}.warmup-offer{margin:20px auto 0;padding:15px;background:#f1f7e9;border-radius:14px;max-width:440px}.warmup-offer p{font-size:12px;color:#7c8b72;line-height:1.6}.warmup-offer .soft{margin:auto;font-size:12px}.local-reset{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.local-reset h2{font:500 21px Fredoka,sans-serif}.local-reset p{font-size:12px;color:#8c8f80;line-height:1.6}.local-reset .soft{font-size:11px}.brand b{color:#a94c1c}.eyebrow{color:#86501e}.primary,.small-primary{color:#46210a}.welcome-strip small,.start-card p:not(.eyebrow),.start-card small,.word-range small,.vocabulary-card p,.vocabulary-card>small,.game-card p,.toggle-row small,.fine-print,.local-reset p,footer{color:#505d54}.hands-diagram rect{transition:fill .15s ease,stroke .15s ease}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.lesson-actions .guide-head{margin-left:auto}.target-text{font-size:clamp(25px,3vw,38px);line-height:1.65;letter-spacing:.06em;text-align:center;min-height:90px;padding:12px 4px;margin:12px 0 20px;overflow-wrap:anywhere}.target-text span{color:#4c555a}.target-text span.typed{color:#326e37}.target-text span.current-space{display:inline-block;min-width:.8em;position:relative}.target-text span.current-space:after{content:"␣";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#a21828;font-weight:800}.full-guide{padding:clamp(12px,2vw,24px)}.full-keyboard{width:100%;margin:12px 0 0}.keyboard-row{width:100%;gap:clamp(2px,.4vw,5px)}.guide-key{flex:1 1 0;width:auto;max-width:none;min-width:0;height:clamp(34px,4.2vw,60px);font-size:clamp(11px,1.4vw,17px)}.guide-key.unknown{opacity:1;border:2px dashed #435047}.guide-key.next-key{outline:3px solid #784500;outline-offset:1px}.modifier{flex:0 1 4%;min-width:25px;font-size:clamp(8px,1vw,12px);color:#3f5144}.spacebar{flex:1 1 auto;width:auto;font-size:clamp(9px,1vw,12px);color:#51365f}.finger-label{font-size:15px;color:#315c35;margin:0 0 14px}.guide-head small{color:#4c5e4c}@media(max-width:600px){.lesson-actions .guide-head{margin-left:0}.target-text{font-size:clamp(23px,6vw,30px);min-height:78px}.full-guide{padding:12px 8px}.keyboard-row{gap:2px}.guide-key{border-radius:4px;font-size:clamp(10px,2.9vw,14px)}.modifier{min-width:22px;font-size:8px;padding:5px 1px}}@media(prefers-reduced-motion:reduce){.hands-diagram rect{transition:none}}@media(max-width:380px){body{min-width:0}.topbar{padding:0 2%;gap:2px}.topbar .brand{font-size:12px;padding:4px 0}.topbar nav button{padding:7px 3px}.topbar nav svg{width:15px;height:15px}.topbar .icon-btn,.top-actions .login-pill{padding:4px}}.accuracy,.prompt-label,.typing-feedback,.lesson-stats,.guide-caption{color:#4b5854;font-size:13px}.accuracy b{color:#326e37}.skip-level{color:#70532c;font-size:13px}.keyboard-row .shift-key{flex:1.65 1 0;min-width:38px;font-size:clamp(10px,1.2vw,15px);font-weight:800}.guide-key.next-key,.spacebar.next-key,.modifier.needed{background:#fff;color:#b5091d;border:3px solid #b5091d;outline:3px solid #fff;outline-offset:1px;box-shadow:0 0 0 5px #b5091d;position:relative;z-index:1}.guide-key.next-key i{background:#b5091d}@media(max-width:600px){.keyboard-row .shift-key{flex:1.5 1 0;min-width:32px;font-size:9px}}.typing-card,.celebration{position:relative}.celebration{overflow:hidden;isolation:isolate}.celebration>:not(.confetti){position:relative;z-index:1}.achievement-note{color:#743f11!important;font-weight:800;font-size:18px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti span{position:absolute;top:-15px;left:calc(1% + var(--i) * 4.1%);width:9px;height:16px;border-radius:3px;background:#f0a900;animation:confetti-fall 2.6s ease-in both;animation-delay:calc(var(--i) * 35ms)}.confetti span:nth-child(4n+1){background:#ef4f78}.confetti span:nth-child(4n+2){background:#2795cf}.confetti span:nth-child(4n+3){background:#67ad36}.confetti-record span,.confetti-precision-record span{border-radius:50%;box-shadow:0 0 8px #f8be35}@keyframes confetti-fall{0%{transform:translateY(-15px) rotate(0);opacity:1}to{transform:translateY(400px) rotate(600deg);opacity:0}}.stage-sparkle{position:absolute;top:20px;left:50%;pointer-events:none;z-index:3;font-size:28px;animation:sparkle-pop 1.1s ease-out forwards}@keyframes sparkle-pop{0%{opacity:0;transform:translate(-50%,15px) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-28px) scale(1.3)}}@media(prefers-reduced-motion:reduce){.confetti span,.stage-sparkle{animation:none}.confetti{display:none}.stage-sparkle{opacity:0}}.save-prompt{margin-top:20px;max-width:440px}.save-prompt p{margin:0 0 5px;font-size:14px;color:#3f5544}.save-prompt .auth-switch{display:inline;margin:0;padding:3px 0;color:#6b461e;font-size:13px}.save-prompt small{display:block;color:#4b5854;font-size:11px;line-height:1.5;margin-top:5px}.access-choice p{color:#4b5854}.access-choice .guest-choice{width:100%;justify-content:center;margin-top:12px}.sound-previews{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 20px}.sound-previews .soft{font-size:12px}.access-choice .auth-switch{color:#6b461e}.celebration .result-secondary{display:inline-flex;justify-content:center;margin:15px 0 0 12px}@media(max-width:520px){.celebration .result-secondary{margin-left:0}}.celebration>p{color:#4d5746}.result-metrics{color:#3f6336}.app-shell{overflow:clip}.practice-nav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto auto minmax(220px,1fr);align-items:end;gap:10px;padding:10px 5.5%;background:#fffaf0;border-bottom:1px solid #e6dbc5;box-shadow:0 3px 10px #42321d12}.practice-nav .practice-nav-button{justify-content:center;white-space:nowrap;background:#fff;border:1px solid #ddcfb9;color:#3d4b42;font-size:13px;min-height:42px;padding:8px 14px}.practice-nav .practice-nav-next{background:#ffe4b7;color:#55370e;border-color:#e5bb7a}.practice-nav .practice-nav-button:disabled{opacity:.58}.practice-nav-select{display:grid;gap:3px;color:#3f5144;font-size:11px;font-weight:700;min-width:0}.practice-nav-select select{width:100%;min-width:0;min-height:42px;padding:7px 10px;border:1px solid #cbbca2;border-radius:10px;background:#fff;color:#273c32;font-size:14px}.practice-nav-help{grid-column:1 / -1;color:#475748;font-size:11px;line-height:1.35}@media(max-width:700px){.practice-nav{grid-template-columns:1fr 1fr;gap:6px;padding:7px 4%}.practice-nav-select{grid-column:1 / -1}.practice-nav-select span{display:none}.practice-nav .practice-nav-button{min-width:0;min-height:36px;padding:6px 4px;font-size:12px}.practice-nav-select select{min-height:36px;font-size:13px}.practice-nav-help{font-size:10px}}.practice-nav{grid-template-columns:auto minmax(220px,1fr)}.practice-nav:has(>.practice-nav-select:first-child){grid-template-columns:minmax(220px,1fr)}.lesson-navigation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lesson-navigation-controls .practice-nav-button{justify-content:center;white-space:nowrap;background:#fff;border:1px solid #ddcfb9;color:#3d4b42;font-size:13px;min-height:42px;padding:8px 14px}.lesson-navigation-controls .practice-nav-next{background:#ffe4b7;color:#55370e;border-color:#e5bb7a}.lesson-navigation-controls .practice-nav-button:disabled{opacity:.58}.lesson-navigation-controls .practice-nav-help{flex-basis:100%}.celebration .lesson-navigation-controls{justify-content:center;margin-top:16px}@media(max-width:700px){.practice-nav{grid-template-columns:1fr}.lesson-navigation-controls .practice-nav-button{min-height:40px}}.lesson-page{padding-top:12px}.lesson-title{margin:6px auto 16px}.lesson-title h1{margin:2px}.lesson-title p{margin:3px}.guide-key.unknown{border:0}.guide-key,.spacebar,.modifier.shift-key{border-radius:7px;box-shadow:inset 0 2px 2px #ffffff9c,inset 0 -5px #00000026,0 3px 2px #0003;transition:transform 80ms ease,box-shadow 80ms ease}.guide-key:active,.guide-key.pressed,.spacebar.pressed,.modifier.shift-key.pressed{transform:translateY(3px);box-shadow:inset 0 3px 5px #0004,0 1px 1px #0002}.spacebar{min-height:clamp(42px,4.5vw,60px);display:grid;place-items:center}.full-guide .hands-diagram{max-width:460px}.recall-choice-letter{display:inline-grid;place-items:center;width:1.8em;height:1.8em;margin-right:.65em;border-radius:50%;background:#e1edcf;color:#285a36;font-weight:800}@media(prefers-reduced-motion:reduce){.guide-key,.spacebar,.modifier.shift-key{transition:none}}.profile-button{display:inline-flex;border:0;align-items:center;gap:7px;padding:0;background:transparent;color:#39463a}.profile-name{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:14px}.hero-greeting{margin:0 0 16px;color:#315f39;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.avatar-picker{border:1px solid #dfebd6;border-radius:14px;padding:14px;margin:16px 0}.avatar-picker legend{font-weight:800;color:#354c38;padding:0 5px}.avatar-picker p{margin:0 0 10px;color:#536253;font-size:13px}.avatar-options{display:flex;flex-wrap:wrap;gap:8px}.avatar-options .avatar-option{position:relative;display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.avatar-option input{position:absolute;width:1px;height:1px;opacity:0}.avatar-option>span:first-of-type{display:grid;place-items:center;width:48px;height:48px;font-size:27px;border-radius:50%;background:#f0f6e9;border:2px solid transparent}.avatar-option input:checked+span{border-color:#387b45;background:#e0f2d6}.avatar-option input:focus-visible+span{outline:3px solid #147a99;outline-offset:2px}.avatar-option-name{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:700px){.profile-button{gap:3px}.profile-name{max-width:62px;font-size:11px}}.personal-welcome{margin-bottom:20px}.personal-welcome .hero-greeting{margin-bottom:9px}.welcome-achievements{display:flex;flex-wrap:wrap;gap:7px}.welcome-achievements span{background:#e9f5df;border-radius:20px;padding:6px 11px;color:#315638;font-size:13px;font-weight:700}.welcome-badges{margin:8px 0 3px;color:#4a5e43;line-height:1.4;overflow-wrap:anywhere;font-size:13px}.welcome-trail-link{border:0;padding:4px 0;background:none;color:#7e4a25;font-weight:800;text-decoration:underline;text-underline-offset:3px}.learning-intro{max-width:1030px;margin:30px auto 0;padding:0 24px;color:#455744}.learning-intro h2{color:#26322a;font-size:clamp(21px,2.3vw,27px);margin:0 0 10px}.learning-intro p{line-height:1.6;margin:8px 0}