:root{--forest:#244d40;--forest-dark:#1c3b32;--ink:#293e32;--muted:#747b6b;--cream:#faf8f1;--paper:#fffef9;--line:#e5e6d9;--sage:#e9eedf;--lime:#dce7bd;--rust:#ad5c3d;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-family:var(--sans);color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b98a39;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:39px;line-height:1.16;letter-spacing:-1.2px}h2{font-size:29px;letter-spacing:-.6px}h3{font-size:23px;letter-spacing:-.4px}p{line-height:1.65}svg{flex-shrink:0;vertical-align:middle}a{color:inherit}button{color:inherit}main:focus{outline:none}input,select{width:100%;border:1px solid #cdd3c3;border-radius:9px;padding:13px 14px;background:var(--paper);color:var(--ink);min-height:48px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}select{cursor:pointer}details{color:#56634d;font-size:13px;line-height:1.7}details summary{cursor:pointer;padding:12px 0}details p{margin-bottom:12px}em{font-weight:400}mark{color:var(--rust);background:#f1e5ce;border-radius:7px;padding:0 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;line-height:1.6;color:#717b60;display:block}.button{border:1px solid transparent;padding:13px 19px;min-height:47px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,transform .15s;white-space:normal}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--forest);color:#fffef5}.primary:hover:not(:disabled){background:#34634e}.secondary{background:var(--paper);border-color:#d7ddcc}.secondary:hover:not(:disabled){background:#f0f3e7}.text{background:none;padding:6px 0;color:var(--forest);border-radius:4px;min-height:36px}.muted{color:var(--muted);font-weight:400}.pill{font-size:9px;letter-spacing:1.3px;font-weight:650;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:5px}.pill.light{background:#e7edda;color:#52674b}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;min-height:640px;background:var(--forest);color:#e4ead5;padding:37px 21px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 4px 65px;text-decoration:none}.brand>span{font-family:var(--serif);font-size:19px;letter-spacing:1.8px;line-height:1.2}.brand small{font:8px var(--sans);letter-spacing:3px;display:block;margin-top:6px}.sidebar-caption{font-size:8px;letter-spacing:1.8px;color:#9db2a0;padding:0 13px;margin-bottom:15px}.nav-item{display:flex;gap:11px;align-items:center;text-decoration:none;padding:15px 12px;border-radius:7px;margin:6px 0;font-size:12px;color:#becfbf;position:relative}.nav-item:hover{background:#ffffff08}.nav-item.active{background:#416652;color:#f5f3dc}.nav-dot{width:5px;height:5px;border-radius:50%;background:#e1d795;margin-left:auto}.sidebar-bottom{margin-top:auto}.keeper-note{text-align:center;color:#b4c5a6;padding:35px 0 30px}.keeper-note>svg{color:#b9cb98;margin-bottom:13px}.keeper-note p{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.7}.family-switch{border:1px solid #55715b;background:none;color:#e0e7d1;display:flex;align-items:center;gap:10px;width:100%;padding:13px 9px;border-radius:7px;text-align:left;font-size:11px}.family-switch small{display:block;color:#b0c0ac;font-size:9px;margin-top:5px}.family-switch>svg:last-child{margin-left:auto}.local-label{font-size:8px;text-align:center;color:#adbea8;margin-top:17px;letter-spacing:.3px}.local-label>span{display:inline-block;width:4px;height:4px;background:#abc486;border-radius:50%;margin:0 6px 1px 0}.main-wrap{min-width:0}.topbar{height:86px;border-bottom:1px solid var(--line);margin:0 42px;display:flex;justify-content:space-between;align-items:center;gap:16px}.breadcrumb{font-size:8px;letter-spacing:1.5px;color:#717b69;line-height:1.5}.breadcrumb>span{color:#b3b8a9;margin:0 12px}.topbar-right{display:flex;align-items:center;gap:24px}.berry-count{display:flex;gap:6px;align-items:center;color:#7b6b58;font-size:11px}.berry-count>svg{color:#ae644a}.berry-count strong{font-weight:650}.profile-pill{display:flex;align-items:center;gap:9px;border:none;background:none;padding:0;font-size:12px}.avatar{height:32px;width:32px;border-radius:50%;background:#e4e9d6;color:#546c45;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;flex-shrink:0}.caret{font-size:13px;color:#7b826f;margin-left:3px}#main-content{padding:34px 42px 24px;max-width:1360px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:10px}.page-heading h1{font-size:33px}.heading-leaf{display:inline-block;transform:rotate(12deg);color:#86956a;margin-left:13px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.day-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;color:#797e6b}.day-label>svg{color:#bc9860}.hero{display:grid;grid-template-columns:46% 54%;background:#eeeddd;border:1px solid #e7e7d7;border-radius:13px;overflow:hidden;min-height:343px}.hero-copy{padding:28px 0 26px 30px;position:relative;z-index:1}.hero-copy h2{font-size:39px;line-height:1.12;margin:18px 0 13px;letter-spacing:-1.3px}.hero-copy h2 em{color:#6b8054}.hero-copy p{font-size:12px;color:#7a806a;line-height:1.7}.hero-action{margin-top:20px}.hero-action>.button{font-size:11px;padding:12px 17px}.hero-action>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#7c826d;margin-top:10px}.hero-landscape{position:relative;align-self:stretch;display:flex;align-items:center;overflow:hidden}.hero-landscape>.landscape{width:116%;height:100%;min-width:390px;max-height:380px;object-fit:cover;transform:translateX(-4%)}.art-caption{position:absolute;bottom:15px;right:20px;font-family:var(--serif);font-style:italic;font-size:10px;color:#5d7556}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:20px}.today-card,.companion-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:20px 23px;min-height:177px}.section-top{display:flex;justify-content:space-between;align-items:center}.mini-icon{color:#b19b65}.today-card h3{font-size:20px;margin-top:9px}.steps-row{display:flex;justify-content:space-between;align-items:flex-start;margin:19px 0 15px}.step{display:flex;align-items:center;flex-direction:column;gap:8px;flex:0 0 auto;color:#82916e}.step>svg{background:#f0f2e6;padding:6px;width:32px;height:32px;border-radius:50%}.step.done>svg{background:#dfeacb;color:#4c6e3c}.step>span{font-size:9px;color:#818675}.step-line{border-top:1px dashed #d6ddc7;flex:1;margin:16px 8px 0}.card-bottom{border-top:1px solid #eef0e5;padding-top:11px;font-size:9px;color:#868a78}.companion-card{display:flex;justify-content:space-between;align-items:center;background:#edf0e3;padding-right:10px;position:relative;overflow:hidden}.companion-card h3{margin-top:11px;font-size:25px}.stage-label{font-size:10px;color:#7d866d;display:block;margin:6px 0 12px;text-transform:capitalize}.companion-card .button{font-size:10px}.companion-image{width:155px;min-width:100px}.creature-art{width:100%;display:block;max-height:250px}.learning-section{margin-top:33px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-title h2{font-size:25px;margin-top:6px}.section-note{font-size:10px;color:#858a78;display:flex;align-items:center;gap:9px}.lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.lesson-card{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px;min-height:178px;position:relative;transition:transform .15s,border-color .15s}.lesson-card:hover{border-color:#8b9e74;transform:translateY(-2px)}.lesson-card.current{background:#edf1e4;border-color:#8ea57a}.lesson-top{display:flex;justify-content:space-between;align-items:center}.lesson-number{font-size:9px;color:#97a087;letter-spacing:1px}.tiny-badge{font-size:6.5px;letter-spacing:1px;font-weight:650;background:#dde6cc;color:#617651;border-radius:3px;padding:4px 6px}.lesson-check{color:#6d8556}.pattern-display{font-family:var(--serif);font-size:28px;color:#62734f;letter-spacing:1px;line-height:1.4;margin:19px 0 10px}.lesson-card h3{font-size:15px;font-family:var(--sans);font-weight:550;letter-spacing:0}.lesson-subtitle{font-size:8px;color:#949780;display:block;margin-top:7px;padding-right:12px;line-height:1.6}.lesson-arrow{position:absolute;bottom:18px;right:13px;color:#93a17c}.trail-footnote{margin-top:16px;color:#8b907e;font-size:9px;display:flex;align-items:flex-start;gap:7px}.app-footer{max-width:1360px;margin:5px auto 0;padding:20px 42px 25px;border-top:1px solid var(--line);font-size:8px;color:#959985;display:flex;justify-content:space-between;gap:15px}.app-footer>span{display:flex;align-items:center;gap:6px}.sanctuary-count{font-size:11px;white-space:nowrap;color:#7c886d}.sanctuary-banner{display:flex;gap:20px;align-items:center;background:#e9eedc;border-radius:12px;padding:22px 25px;margin-bottom:25px;color:#6b8055}.sanctuary-banner h3{font-size:23px;color:var(--ink)}.sanctuary-banner p{font-size:11px;margin-top:5px;max-width:600px}.large-berries{display:flex;align-items:center;gap:9px;margin-left:auto;color:#9f5942;font:26px var(--serif);white-space:nowrap}.creature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.creature-card{padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.creature-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.creature-card-top .eyebrow{font-size:7px;letter-spacing:1px}.creature-portrait{height:200px;display:flex;align-items:center;justify-content:center;margin:8px 0 15px;border-radius:50%;background:radial-gradient(ellipse,#eef2e1 0%,#fffef900 68%)}.creature-portrait .creature-art{max-height:200px}.creature-species{font-size:9px;color:#90957d}.creature-card h2{font-size:28px;margin:7px 0 10px}.creature-card p{font-size:11px;color:#818873;min-height:65px;margin-bottom:21px}.creature-card .button{width:100%;font-size:11px;margin-top:16px}.bond-row{display:flex;justify-content:space-between;font-size:8px;color:#7d886d;gap:8px;margin-top:auto}.bond-track{height:4px;border-radius:3px;background:#e8ecd9;overflow:hidden;margin-top:9px}.bond-track span{display:block;background:#8ba76c;height:100%}.undiscovered{background:#f4f4e9}.undiscovered .creature-portrait{opacity:.65}.unlock-note{margin-top:auto;border-top:1px solid #e6e9dc;padding-top:20px;font-size:10px;color:#8e987f;display:flex;align-items:center;gap:7px}.parent-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:19px}.stat-card>span{float:right;color:#94a17e}.stat-card>strong{font:33px var(--serif);display:block;margin-top:4px}.stat-card p{font-size:10px;color:#848b76;margin-top:10px}.parent-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px}.panel h2{font-size:25px;margin:8px 0 14px}.panel>p{font-size:12px;color:#7c856f}.panel form>.button{margin-top:15px}.form-note{font-size:10px!important;line-height:1.7;color:#8a907e!important;margin-top:13px}.guide-panel ol{padding-left:18px;margin:0;color:#78826c;font-size:12px}.guide-panel li{padding-left:5px;margin:12px 0;line-height:1.7}.guide-panel strong{font-weight:550;color:#4d6349}.journal{margin-top:23px}.filter-group{display:flex;gap:3px;background:#f1f2e8;padding:4px;border-radius:7px;flex-wrap:wrap}.filter{border:0;background:none;color:#7d866e;padding:8px 10px;font-size:9px;border-radius:5px}.filter.selected{background:var(--paper);box-shadow:0 1px 4px #263c2710;color:var(--forest)}.empty-journal{text-align:center;padding:30px;color:#9aa488}.empty-journal h3{font-size:23px;margin:14px 0 8px;color:#6d7c5d}.empty-journal p{font-size:11px;color:#8d967f}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:570px;font-size:11px;text-align:left}th,td{padding:15px 9px;border-bottom:1px solid var(--line);font-weight:400}thead th{font-size:8px;letter-spacing:.8px;color:#8b947c}tbody th{font-family:var(--serif);font-size:22px;color:#465e3f}.status{font-size:8px;background:#eaf0df;color:#698057;padding:6px 8px;border-radius:4px}.status.practice{background:#f2e9d9;color:#947b50}.history{display:flex;gap:5px}.history-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1e8d9;color:#ab8e61}.history-dot.yes{background:#e4edda;color:#6e8a54}.backup-panel{display:flex;gap:25px;align-items:center;background:#eff1e5;padding:23px;border-radius:11px;margin-top:23px}.backup-panel h3{font-size:21px}.backup-panel p{font-size:11px;color:#7d876f;margin-top:7px;max-width:570px}.backup-panel>div:last-of-type{display:flex;gap:9px;flex-shrink:0}.backup-panel .button{font-size:10px}.parent-footnote{font-size:9px;color:#959b87;margin:20px 0}.parent-footnote a{color:#6c825b}.onboarding{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.welcome-art{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;background:#e1e7d2;padding:65px 40px}.welcome-art .landscape{width:100%;max-width:700px}.welcome-brand{position:absolute;top:37px;left:40px;display:flex;align-items:center;gap:12px;color:var(--forest)}.welcome-brand>span{font:22px var(--serif);letter-spacing:3px;line-height:1.1}.welcome-brand small{font:9px var(--sans);letter-spacing:4px}.welcome-copy{padding:90px 55px 50px;max-width:600px;margin:auto}.welcome-copy h1{font-size:48px;margin:18px 0 20px}.welcome-copy>p{font-size:13px;color:#7d876f;max-width:380px}.welcome-copy form{margin-top:28px}.welcome-copy form>.button{margin-top:20px;width:100%}.welcome-copy .privacy-line{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:28px}.modal-backdrop{position:fixed;inset:0;background:#172c236b;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding:25px;overflow:auto}.modal{background:var(--cream);border:1px solid #e0e5d6;border-radius:18px;padding:37px;width:100%;max-width:510px;position:relative;max-height:calc(100vh - 50px);overflow:auto;box-shadow:0 25px 100px #162e2440}.modal h2{font-size:32px;margin:9px 0 19px}.modal p{font-size:13px;color:#7b856c}.close-button{position:absolute;top:17px;right:17px;background:none;border:0;padding:5px;color:#859176}.detail-focus{font:48px var(--serif);text-align:center;letter-spacing:2px;background:#e9eeda;color:#647d4b;padding:24px;border-radius:10px;margin:17px 0 22px}.example-pair{display:flex;gap:25px;justify-content:center;align-items:center;margin:25px 0;font:28px var(--serif);color:#546d43}.pair-divider{font-size:17px;color:#a3ab93}.lesson-detail>.button{width:100%;margin-top:20px}.profile-list{display:grid;gap:10px;margin:25px 0}.profile-choice{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #dbe1cf;background:var(--paper);padding:15px;border-radius:9px}.profile-choice.selected{border-color:#859e70;background:#edf1e3}.profile-choice strong{font-size:13px;font-weight:550}.profile-choice small{display:block;font-size:9px;color:#859177;margin-top:6px}.profile-choice>svg{margin-left:auto;color:#82986a}.session-shell{min-height:100vh;background:radial-gradient(ellipse at 50% 25%,#fffef8 0%,#f7f6ec 80%);padding-bottom:30px}.session-header{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;gap:20px;border-bottom:1px solid var(--line)}.session-header>.button{font-size:11px}.session-brand{display:flex;align-items:center;gap:8px;font:16px var(--serif);letter-spacing:2px}.session-brand svg{width:25px;height:30px}.session-name{font-size:12px;min-width:138px;text-align:right;color:#849073}.session-progress{display:flex;align-items:center;gap:16px;max-width:670px;padding:28px 25px 0;margin:auto}.progress-track{height:6px;border-radius:5px;background:#e5ead7;flex:1;overflow:hidden}.progress-track>span{display:block;height:100%;background:#91a971;transition:width .3s}.session-progress>span{font-size:9px;min-width:100px;color:#859075;text-align:right}.activity{text-align:center;max-width:760px!important;margin:0 auto!important;padding:39px 40px 30px!important}.activity h1{font-size:36px;margin:25px 0 17px;line-height:1.3}.lesson-rule{font-size:17px;line-height:1.8;max-width:570px;margin:auto;color:#6e7b61}.teaching-word{font:92px var(--serif);color:#4d6540;letter-spacing:4px;margin:25px 0}.contrast-row{display:flex;justify-content:center;gap:13px}.word-chip{border:1px solid #d8dfcb;border-radius:7px;padding:9px 15px;background:#f7f8ef;font:23px var(--serif);display:flex;gap:12px;align-items:center}.word-chip>svg{color:#8b9c77}.session-parent-note{display:flex;align-items:center;gap:9px;justify-content:center;margin:25px auto 0;color:#8a947b}.session-parent-note p{font-size:11px;text-align:left}.parent-help{max-width:600px;margin:12px auto 0;text-align:left;border-bottom:1px solid #e4e8d8}.parent-help summary{font-size:10px;color:#8a957a}.parent-help p{font-size:12px;color:#6f7e60}.session-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px 0 0;flex-wrap:wrap}.activity-subtitle{font-size:13px;color:#8a947b;line-height:1.8;max-width:570px;margin:auto}.audio-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:27px 0}.audio-button{background:#e5edda;border:1px solid #c9d6b6;color:#526e3e;font-size:14px;min-height:57px;padding:15px 24px}.spelling-input{max-width:500px;text-align:center;font-size:45px;font-family:var(--serif);padding:12px;letter-spacing:5px;height:85px;border:0;border-bottom:2px solid #a5b28f;border-radius:0;background:none;display:block;margin:auto}.spelling-input:focus{outline:0;border-color:#55794a;box-shadow:0 3px 0 #d9e4c7}.input-caption{display:block;font-size:9px;color:#929c83;margin:15px 0 22px}.letter-keyboard{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;max-width:500px;margin:0 auto 18px}.letter-key{border:1px solid #d3dcc6;background:var(--paper);border-radius:7px;min-height:42px;font-size:21px;font-family:var(--serif);box-shadow:0 2px 0 #e0e5d6}.letter-key:hover{background:#e5eed8}.letter-key:active{transform:translateY(2px);box-shadow:none}.backspace{color:#8e967f}.guided-word{background:#f2eddc;border:1px solid #e5ddc6;border-radius:10px;padding:20px;max-width:500px;margin:20px auto}.guided-word strong{display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0;font:28px var(--serif)}.guided-word strong>span{background:#fffdf4;border:1px solid #e4dcc4;border-radius:6px;padding:7px 12px}.guided-word p{font-size:12px;color:#8c7855}.guided-word small{display:block;font-size:10px;color:#a29173;line-height:1.6;margin-top:7px}.feedback{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:15px;max-width:600px;margin:20px auto;font-size:12px;line-height:1.7;text-align:left}.feedback.correct{background:#e7efdb;color:#557244}.feedback.retry{background:#f3ebda;color:#9a8051}.session-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#99a18a;font-size:10px;padding:20px}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin:32px 0}.choice{border:1px solid #cfd9c0;background:var(--paper);padding:20px 27px;border-radius:9px;min-width:110px;font:25px var(--serif);box-shadow:0 3px 0 #e4e9d8}.choice:hover:not(:disabled){background:#eaf0df;border-color:#819e66}.reading-word{font:92px var(--serif);letter-spacing:4px;color:#587146;margin:40px 0}.parent-read-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#939c83;margin-top:25px}.passage{font:27px/1.85 var(--serif);background:#f0f1e3;padding:28px 35px;border:1px solid #e3e7d4;border-radius:12px;text-align:left;margin:30px auto 20px;max-width:600px;color:#516843}.passage-question{font-size:23px;margin-top:30px}.celebration{text-align:center;max-width:730px;margin:auto;padding:20px 0 50px}.celebration-art{width:210px;margin:20px auto 8px}.celebration h1{font-size:44px;margin:10px 0 20px}.celebration>p{font-size:14px;color:#8c967d}.reward-pill{display:inline-flex;align-items:center;gap:12px;background:#eee5d2;color:#a26b48;border:1px solid #e5d8ba;border-radius:25px;padding:13px 25px;margin:30px 0;font-size:17px;font-family:var(--serif)}.celebration-stats{display:flex;justify-content:center;gap:30px;margin:5px 0 30px}.celebration-stats span{font-size:10px;color:#919b81;display:flex;flex-direction:column;gap:8px}.celebration-stats strong{font:30px var(--serif);color:#526b43}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:var(--forest-dark);color:#f2f3e7;padding:16px 24px;border-radius:10px;font-size:12px;box-shadow:0 8px 30px #172d2430;max-width:calc(100% - 30px);line-height:1.6}.save-warning{margin:20px 40px 0;border:1px solid #d9bf8c;padding:15px;background:#f9edcf;font-size:12px;color:#836a3d;line-height:1.6}.save-warning .button{margin-left:15px}.loading{padding:50px;text-align:center;color:#80916d}
@media(min-width:1450px){.app-shell{grid-template-columns:245px minmax(0,1fr)}.sidebar{padding:42px 25px}.brand{margin-bottom:75px}.hero{min-height:390px}.hero-copy{padding:35px 0 32px 38px}.hero-copy h2{font-size:47px}.hero-copy p{font-size:14px}.hero-action>.button{font-size:13px}.hero-landscape>.landscape{max-height:430px}.lesson-card{min-height:195px}.pattern-display{font-size:34px}.lesson-card h3{font-size:17px}}
@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 13px}.brand{gap:8px}.brand>span{font-size:16px}.brand svg{width:33px}.brand small{font-size:7px}.nav-item{font-size:11px;gap:9px}.topbar{margin:0 28px}.topbar-right{gap:15px}#main-content{padding:28px}.hero-copy{padding-left:23px}.hero-copy h2{font-size:34px}.hero-copy p{font-size:11px}.hero-action>.button{font-size:10px;padding:11px 13px}.hero-landscape>.landscape{min-width:330px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{gap:13px}.today-card,.companion-card{padding:17px}.today-card h3{font-size:18px}.companion-image{width:110px}.companion-card h3{font-size:23px}.creature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-layout{grid-template-columns:1fr}.backup-panel{flex-wrap:wrap}.journal .section-title{align-items:flex-start;flex-direction:column}.stat-card{padding:16px}.stat-card p{font-size:9px}.stat-card>strong{font-size:29px}.page-heading>.button{font-size:10px;padding:10px}.welcome-copy{padding:80px 35px 40px}.welcome-copy h1{font-size:39px}.welcome-art{padding:40px 15px}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:0;padding:17px 22px;flex-direction:row;align-items:center;gap:20px}.brand{margin:0;gap:8px}.brand svg{width:25px;height:30px}.brand>span{font-size:13px;letter-spacing:1.3px}.brand small{font-size:6px;letter-spacing:2px;margin-top:3px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;margin-left:auto}.nav-item{font-size:10px;padding:10px;gap:6px;margin:0}.nav-item>svg{width:18px;height:18px}.nav-dot{display:none}.topbar{height:65px;margin:0 22px}.breadcrumb{font-size:7px;letter-spacing:1px}.topbar-right{gap:17px}.berry-count{font-size:10px}.profile-pill{font-size:11px}.avatar{width:28px;height:28px;font-size:15px}#main-content{padding:25px 22px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:31px}.hero{min-height:335px}.hero-copy h2{font-size:36px}.hero-landscape>.landscape{min-width:330px}.lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-card{padding:13px;min-height:166px}.lesson-card h3{font-size:12px}.pattern-display{font-size:25px}.lesson-subtitle{font-size:7px}.app-footer{padding:20px 22px}.onboarding{grid-template-columns:1fr}.welcome-art{min-height:310px;height:310px;padding:60px 40px 0;overflow:hidden}.welcome-art .landscape{width:430px;max-width:none;flex-shrink:0;transform:translateY(30px)}.welcome-brand{top:22px;left:25px}.welcome-brand>span{font-size:17px}.welcome-brand svg{height:33px}.welcome-copy{padding:38px 35px;max-width:550px;width:100%;margin:auto}.welcome-copy h1{font-size:43px}.welcome-copy>p{max-width:none}.session-header{padding:18px 22px}.session-name{min-width:80px}.session-brand{font-size:13px}.activity{padding:35px 25px!important}.activity h1{font-size:32px}.page-heading .day-label{font-size:9px}.parent-stats{gap:10px}.stat-card{padding:14px}.creature-grid{gap:15px}.save-warning{margin:20px 22px 0}}
@media(max-width:560px){.sidebar{padding:14px 15px;gap:10px}.brand>span{font-size:12px}.sidebar nav{gap:3px}.nav-item{font-size:0;padding:10px}.nav-item>svg{width:21px;height:21px}.nav-item span{display:none}.topbar{margin:0 16px;height:60px}.breadcrumb{max-width:145px;line-height:1.8;font-size:6px}.breadcrumb>span{margin:0 5px}.topbar-right{gap:12px}.berry-count>span{display:none}.profile-pill{gap:6px;font-size:10px}.profile-pill>span:nth-child(2){max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:26px;height:26px}#main-content{padding:25px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.day-label{display:none}.hero{display:flex;flex-direction:column;min-height:0;position:relative}.hero-copy{padding:25px 25px 0}.hero-copy h2{font-size:38px}.hero-copy h2 br:last-child{display:none}.hero-copy p{font-size:12px}.hero-action>.button{font-size:12px;padding:13px 18px}.hero-action>span{font-size:9px}.hero-landscape{height:220px;margin-top:10px;width:100%;align-self:auto}.hero-landscape>.landscape{width:100%;min-width:0;transform:translateY(-8%);height:270px;max-height:none}.art-caption{font-size:8px;bottom:12px;right:15px}.dashboard-grid{grid-template-columns:1fr;gap:13px;margin-top:16px}.today-card{padding:21px}.companion-card{min-height:165px;padding:21px}.companion-image{width:135px;position:absolute;right:13px;top:7px}.companion-card h3{font-size:26px}.companion-card .button{font-size:11px}.section-title h2{font-size:25px}.section-title .eyebrow{font-size:8px}.section-note{max-width:115px;font-size:9px;line-height:1.5}.section-note>svg{display:none}.learning-section{margin-top:28px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lesson-card{padding:16px;min-height:174px}.lesson-card h3{font-size:14px}.pattern-display{font-size:29px}.lesson-subtitle{font-size:8px}.trail-footnote{font-size:9px;line-height:1.7}.app-footer{padding:17px 16px;flex-direction:column;gap:10px}.creature-grid{grid-template-columns:1fr}.creature-card{padding:25px}.creature-portrait{height:210px}.creature-card p{font-size:12px;min-height:0}.creature-card h2{font-size:31px}.creature-card-top .eyebrow{font-size:8px}.sanctuary-banner{padding:20px 18px;gap:12px}.sanctuary-banner>svg{display:none}.sanctuary-banner p{font-size:10px}.large-berries{font-size:22px}.sanctuary-count{font-size:9px;max-width:75px;text-align:right;white-space:normal;line-height:1.6}.parent-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:17px}.stat-card p{font-size:10px}.stat-card>strong{font-size:32px}.page-heading:has(>.button){flex-direction:column;gap:15px}.panel{padding:22px}.panel h2{font-size:23px}.panel>p{font-size:11px}.guide-panel ol{font-size:11px}.backup-panel{padding:20px}.backup-panel>div:last-of-type{flex-wrap:wrap;flex-shrink:1}.onboarding .welcome-art{height:250px;min-height:250px;padding-top:70px}.welcome-art .landscape{width:390px}.welcome-copy{padding:34px 24px}.welcome-copy h1{font-size:39px}.welcome-copy .eyebrow{font-size:8px}.welcome-copy>p{font-size:12px}.modal-backdrop{padding:14px}.modal{padding:30px 23px;max-height:calc(100dvh - 28px)}.modal h2{font-size:29px}.modal p{font-size:12px}.session-header{padding:14px 16px;gap:10px}.session-brand{display:none}.session-header>.button{font-size:10px}.session-name{font-size:11px;min-width:0}.session-progress{padding:22px 20px 0}.activity{padding:28px 20px 20px!important}.activity h1{font-size:30px;margin-top:22px}.lesson-rule{font-size:15px}.teaching-word{font-size:76px}.activity-subtitle{font-size:12px}.session-actions{gap:12px}.session-actions>.button{font-size:12px}.audio-controls{flex-direction:column;gap:7px}.audio-controls>.audio-button{font-size:14px;width:100%;max-width:320px}.audio-controls>.secondary{border:0;background:none;font-size:11px;min-height:36px;padding:5px}.spelling-input{font-size:40px;height:70px;letter-spacing:3px}.letter-keyboard{gap:5px;max-width:355px}.letter-key{min-height:42px;font-size:20px}.guided-word{padding:17px}.guided-word strong{font-size:23px;gap:5px}.guided-word strong>span{padding:6px 8px}.parent-help summary{font-size:9px}.choices{gap:9px}.choice{font-size:23px;padding:15px 18px;min-width:85px}.reading-word{font-size:78px}.passage{font-size:23px;padding:23px;line-height:1.8}.passage-question{font-size:22px}.celebration h1{font-size:35px}.celebration-stats{gap:15px}.celebration-stats span{font-size:8px}.celebration>p{font-size:12px}.save-warning{margin:15px 16px 0;font-size:11px}.toast{font-size:11px;padding:13px 18px}}
.studio-badge{font-size:10px;color:#839370;display:flex;gap:7px;align-items:center;white-space:nowrap}.studio-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.story-editor .writing-prompt{background:#eef1e3;border-left:3px solid #a9bc8a;padding:17px;font:16px/1.7 var(--serif);color:#6f805f;margin:20px 0}textarea{font:18px/1.8 var(--serif);color:#405638;border:1px solid #d7dfc9;border-radius:9px;resize:vertical;padding:21px;width:100%;min-height:300px;background:#fffef8}textarea:focus-visible{outline:3px solid #b98a39;outline-offset:4px}.draft-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#9aa28c;margin:12px 0 22px}.prompt-list{display:grid;gap:8px;margin-top:20px}.prompt-option{padding:13px 10px;background:#f6f7ee;border:1px solid #e2e6d5;border-radius:7px;font-size:11px;display:flex;align-items:center;gap:9px;text-align:left}.prompt-option.selected{background:#e9efdc;border-color:#a4b68d}.prompt-option>svg:last-child{margin-left:auto}.writing-tip{padding:30px;text-align:center;color:#889c70}.writing-tip h3{font-size:24px;margin:14px 0 10px;color:#607b4d}.writing-tip p{font-size:12px;color:#8a967a}.writing-results{margin-top:25px;scroll-margin-top:20px}.correction-list{display:grid;gap:15px;margin-top:24px}.correction-card{padding:22px;background:#f7f7ed;border:1px solid #e3e7d6;border-radius:10px}.correction-card.resolved{background:#f0f4e6}.correction-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.original-word{font:30px var(--serif);color:#9d7655}.sentence-context{font:italic 14px/1.8 var(--serif);color:#899579;margin-top:10px}.correction-entry{display:flex;gap:12px;align-items:center}.correction-entry input{max-width:270px}.correction-entry .button{font-size:11px}.suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.suggestion{border:1px solid #d9dfcd;padding:6px 12px;border-radius:16px;background:#fffdf5;color:#7b8c66;font-size:11px}.correction-note{padding:14px 0;color:#788968;font-size:11px;line-height:1.8}.correction-note .button{font-size:10px;display:flex;width:fit-content}.correction-card>.button{font-size:9px;color:#939c85;min-height:35px}.writing-limit{border-top:1px solid #e0e6d2;margin-top:20px;padding-top:20px;font-size:11px;color:#7c8a6d}.writing-limit>p{font-size:10px;margin-top:7px;line-height:1.8}@media(max-width:1000px){.studio-layout{grid-template-columns:1fr}.studio-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:560px){.studio-badge{display:none}.studio-aside{grid-template-columns:1fr}.studio-aside .writing-tip{display:none}.story-editor .writing-prompt{font-size:15px}textarea{padding:17px;font-size:17px}.draft-meta{font-size:7px}.correction-card{padding:18px}.correction-entry{flex-direction:column;align-items:stretch;gap:10px}.correction-entry input{max-width:none}.correction-entry .button{align-self:flex-start}.correction-header .status{font-size:7px}.story-editor>.button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.review-type{font-size:8px;color:#9caa8b;margin-left:auto}.reviewed-story{padding:23px;background:#edf2e1;border:1px solid #dbe5cc;border-radius:10px;margin-top:22px}.reviewed-story h3{font-size:23px}.reviewed-story p{white-space:pre-wrap;font:18px/1.8 var(--serif);margin:15px 0;color:#556e43}.reviewed-story small{display:block;font-size:9px;color:#8d9b7d;margin-top:10px}
.audio-status{font-size:9px;color:#92a17f;margin:-14px 0 12px!important;min-height:14px}
.queued-words{margin-bottom:22px}.queued-words h3{font-size:23px;margin:7px 0 9px}.queued-words p{font-size:10px;color:#8a987a}.queued-words>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.queued-words .word-chip{font-size:20px;padding:7px 13px}
.backup-text{margin-top:22px}.backup-text textarea{font:10px/1.6 monospace;min-height:200px;margin:10px 0}.backup-text summary{font-size:10px}

/* Family entry and parent-only progress views. */
.family-home{min-height:100vh;background:radial-gradient(ellipse at 50% 42%,#f0f2e3 0,transparent 65%),var(--cream);display:flex;flex-direction:column}
.family-header{padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.family-header .brand{margin:0;color:var(--forest)}.family-header .brand>svg{background:var(--forest);border-radius:12px;padding:7px;width:49px;height:54px}.family-header .button{font-size:12px}
.family-content#main-content{padding:65px 30px 55px;width:100%;max-width:1140px;text-align:center;flex:1}.family-content>.eyebrow{font-size:11px;letter-spacing:2px}.family-content>h1{font-size:44px;margin:12px 0 15px}.family-content>p{font-size:16px;color:var(--muted)}
.explorer-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:45px auto 20px;max-width:1000px}.explorer-card{border:1px solid #dce2ce;background:var(--paper);border-radius:22px;padding:22px 22px 25px;flex:0 1 270px;min-width:215px;display:flex;align-items:center;flex-direction:column;box-shadow:0 6px 25px #244d4005;transition:transform .16s,box-shadow .16s,border-color .16s}.explorer-card:hover{transform:translateY(-5px);border-color:#a6bc8d;box-shadow:0 12px 30px #244d4010}.explorer-picture{width:175px;height:175px;background:#eef1e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 19px}.explorer-picture .creature-art{width:175px;max-height:175px}.explorer-card>strong{font:26px/1.3 var(--serif);overflow-wrap:anywhere}.explorer-play{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:17px;color:#698055}.family-footer{padding:24px;text-align:center;font:italic 15px var(--serif);color:#88967b}.family-empty{max-width:520px;margin:25px auto 0}.family-empty>div{width:160px;margin:auto}.family-empty h2{font-size:28px}.family-empty p{color:var(--muted);font-size:14px;margin:12px 0 23px}.picture-avatar{overflow:hidden}.picture-avatar .creature-art{width:38px;max-height:38px}.parent-label{display:flex;gap:9px;align-items:center;font-size:12px;color:#73856b}.next-pattern{display:flex;align-items:center;gap:24px;margin-top:23px}.next-pattern .pattern-badge{font:32px var(--serif);padding:20px;min-width:115px;text-align:center;background:var(--sage);border-radius:12px;color:#688353}.next-pattern h2{margin:7px 0 9px;font-size:27px}.next-pattern p{font-size:12px;color:var(--muted)}.next-pattern>.button{margin-left:auto;flex-shrink:0}.celebration-note{font-size:14px;color:var(--muted);max-width:370px;margin:24px auto!important}
.parent-actions{display:flex;gap:10px;flex-wrap:wrap}.parent-actions .button{font-size:11px}.parent-shell .page-heading{align-items:flex-start}.parent-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:21px 0 34px}.parent-profile-card{border:1px solid var(--line);background:var(--paper);padding:17px 18px;border-radius:12px;text-align:left;min-width:0}.parent-profile-card:hover{border-color:#9bb17d}.parent-profile-card.selected{background:#edf2e2;border:2px solid #839b67;padding:16px 17px}.parent-profile-heading{display:flex;gap:11px;align-items:center}.parent-profile-heading>strong{font:20px var(--serif);overflow-wrap:anywhere;min-width:0}.parent-profile-heading>svg{margin-left:auto;color:#8c9b7d}.parent-profile-avatar{width:48px;height:48px;border-radius:50%;background:#e6ebda;display:flex;flex-shrink:0}.parent-profile-avatar .creature-art{max-height:48px}.parent-profile-pattern{display:block;color:#79866c;font-size:11px;margin:13px 0}.parent-profile-summary{display:flex;gap:16px;flex-wrap:wrap;color:#7a826d;font-size:10px;line-height:1.6}.parent-profile-summary strong{font-size:14px;color:#4e6c42}.parent-profile-link{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:10px;color:#5b784a}.child-progress-heading{margin:5px 0 22px;scroll-margin-top:24px}.child-progress-heading h2{margin-top:8px}.parent-empty{text-align:center;padding:45px}.parent-empty>svg{color:#82986d}.parent-empty h2{margin:20px 0 12px}.parent-empty .session-actions{justify-content:center}.avatar-options{border:0;padding:0;margin:20px 0 8px}.avatar-options legend{font-size:13px;font-weight:600;margin-bottom:10px}.avatar-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.avatar-option{margin:0;display:block;cursor:pointer;position:relative;min-width:0}.avatar-option>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;min-height:0;margin:0;cursor:pointer}.avatar-option>span{display:block;border:2px solid transparent;border-radius:12px;background:#f0f2e6}.avatar-option input:checked+span{border-color:#7f9865;background:#e5edda}.avatar-option input:focus-visible+span{outline:3px solid #b98a39;outline-offset:3px}.avatar-option small{display:block;text-align:center;font-size:8px;margin-top:6px;font-weight:400;color:var(--muted)}.avatar-option .creature-art{max-height:75px}
@media(max-width:1100px){.parent-shell .page-heading{flex-direction:column}.parent-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-pattern{flex-wrap:wrap}.next-pattern>.button{margin-left:0}.next-pattern>div:nth-child(2){flex:1}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.family-content#main-content{padding:38px 20px}.family-content>h1{font-size:35px}.family-content>p{font-size:14px}.family-header{padding:20px}.family-header .brand>span{font-size:15px}.family-header .brand small{font-size:6px}.family-header .brand>svg{width:39px;height:44px}.family-header .button{font-size:10px;padding:10px 12px;gap:7px}.explorer-grid{gap:15px;margin-top:30px}.explorer-card{flex:0 1 230px;min-width:190px;padding:18px}.explorer-picture{width:145px;height:145px}.explorer-picture .creature-art{width:145px}.explorer-card>strong{font-size:24px}.next-pattern{gap:16px}.next-pattern .pattern-badge{font-size:24px;min-width:85px;padding:16px}.next-pattern h2{font-size:24px}.next-pattern p{font-size:11px}.parent-profile-grid{grid-template-columns:1fr}.parent-label{font-size:10px}.parent-profile-card{padding:20px}.parent-profile-card.selected{padding:19px}.family-content>.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.explorer-card{transition:none}}