.adaptive-reader .reader-top{margin:0 0 4px}.adaptive-reader .read-aloud{margin:0 0 10px;padding:8px 12px;justify-content:flex-start;align-items:center;gap:8px}.adaptive-reader .read-aloud label{width:auto;flex:1;min-width:180px;max-width:330px}.adaptive-reader .read-aloud select{margin:2px 0 0;min-width:0;width:100%;font-size:14px}.adaptive-reader .speech-status{width:auto;flex:1;min-width:100px;font-size:13px}.adaptive-reader .reader-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,2fr) minmax(0,1fr);gap:10px;min-height:160px}.adaptive-reader.layout-split .reader-stage{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.adaptive-reader .reader-stage .page-image-row{min-height:0;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.adaptive-reader .page-image-row>button{width:44px;height:44px}.adaptive-reader .reader-stage .page-image-row .reader-viewport{height:100%;min-height:0;max-height:none;padding:8px;overflow:hidden;border-radius:12px}.adaptive-reader .reader-stage .reader-viewport .image-page{height:100%;max-height:100%;width:100%;object-fit:contain}.adaptive-reader .reader-stage .reader-viewport canvas{max-height:100%;max-width:100%;object-fit:contain}.adaptive-reader .reader-text-panel{display:flex;flex-direction:column;min-height:0;min-width:0;max-height:none;background:#fffef8;border:1px solid #e5e9dc;border-radius:12px}.adaptive-reader.layout-split .reader-text-panel{max-height:none}.adaptive-reader .reader-text-actions{display:flex;align-items:center;gap:8px;padding:0 12px;flex-wrap:wrap;font-size:13px;flex-shrink:0}.adaptive-reader .reader-transcript{width:100%;margin:0;padding:8px 14px;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;border:0;line-height:1.65;background:transparent;scrollbar-width:thin}.adaptive-reader .speech-text small{font-size:max(16px,.85em);line-height:1.6;color:#596451}.adaptive-reader .reader-controls{margin-top:10px;min-height:44px}.reader-preview-modal{width:min(1200px,96vw);max-width:1200px;padding:16px}.reader-preview-pages{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.reader-preview-pages>button{width:44px;height:44px;border:1px solid #b8c8ac;border-radius:50%;background:#eef2e7;font-size:30px}.reader-preview-picture{display:flex;align-items:center;justify-content:center;min-width:0;min-height:100px}.reader-preview-picture canvas,.reader-preview-picture img{max-width:100%;max-height:75dvh;object-fit:contain}@media(max-width:540px){.adaptive-reader .reader-stage .page-image-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:0}.adaptive-reader .reader-stage .page-image-row .reader-viewport{padding:2px}.adaptive-reader .read-aloud label{max-width:none}.adaptive-reader .speech-status{font-size:12px}.reader-preview-modal{padding:10px}.reader-preview-pages{gap:0}}.adaptive-reader .reader-stage:not(:has(.reader-text-panel)){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr)}.learning-shell:has(.adaptive-reader) .learning-header{height:58px}.learning-shell:has(.adaptive-reader) .step-nav{padding-top:8px;padding-bottom:8px}.learning-shell:has(.adaptive-reader) .reader-main{padding-bottom:12px}.adaptive-reader .reader-text-panel,.adaptive-reader.layout-split .reader-text-panel{max-height:none}.learning-shell:has(.adaptive-reader) .reader-main{max-width:none;width:100%}.adaptive-reader .reader-stage>.page-image-row{height:100%;margin:0}:root{font-family:Avenir Next,Avenir,Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif;color:#353e34;background:#faf9f5;font-synthesis:none;font-weight:400;font-size:16px;--green:#547858;--green-dark:#3d5c41;--muted:#81867a;--line:#e8e8df;--paper:#fffefa;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.48}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bd9760;outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin-top:0}p{line-height:1.7}h1,h2,h3{font-weight:600;letter-spacing:-.035em}img{max-width:100%;display:block}audio{max-width:100%;width:100%;margin:12px 0}input,textarea,select{width:100%;border:1px solid #dcded3;background:#fffefa;border-radius:11px;padding:13px 15px;color:inherit;min-height:48px}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:8px;text-align:left;font-size:14px;font-weight:500}form>label{margin-bottom:20px}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7d8774;margin:0 0 13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;border-radius:12px;background:var(--green);color:#fffef7;padding:16px 24px;min-height:54px;font-size:16px;font-weight:600;transition:background .16s,transform .16s}.button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.button.secondary{background:#f0f2e9;color:var(--green-dark);border:1px solid #dce2d3}.button.secondary:hover:not(:disabled){background:#e4eadc}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#edf0e6}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;color:var(--green);min-height:44px;padding:10px 4px}.back-link{display:inline-flex;align-items:center;gap:9px;color:#727b6b;font-size:13px;min-height:44px}.flip{transform:rotate(180deg)}.topbar{height:95px;display:flex;align-items:center;justify-content:space-between;max-width:1328px;padding:0 48px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1.2px;font-weight:600;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--green);border-radius:12px 12px 12px 3px;color:#f8f5e8}.brand-dot{color:#a6b88a}.main-nav{display:flex;align-items:center;gap:8px;padding-top:3px}.main-nav button{display:flex;align-items:center;gap:9px;padding:13px 18px;min-height:45px;color:#828779;font-size:13px;border-radius:9px}.main-nav button.active{background:#edf0e5;color:#50694b;font-weight:600}.parent-entry{display:flex;align-items:center;gap:8px;font-size:12px;color:#858879;min-height:44px}.home-main{max-width:1232px;padding:35px 48px 0;margin:0 auto}.hero{position:relative;display:flex;min-height:326px;align-items:center;background:#f0f2e6;border:1px solid #e8ebdc;border-radius:20px;overflow:hidden;margin-bottom:48px}.hero-copy{padding:36px 0 35px 41px;z-index:1;width:60%}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;color:#7c8b69;display:flex;align-items:center;gap:8px;margin-bottom:21px}.tiny-sun{font-size:18px;color:#aab58f;line-height:1}.hero h1{font-family:var(--serif);font-size:45px;line-height:1.12;letter-spacing:-1.4px;font-weight:400;color:#394c34;margin-bottom:18px}.hero h1 em{font-weight:400;color:#69805b}.hero p:not(.eyebrow){font-size:14px;color:#7c8472;margin-bottom:23px}.gentle-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#88907b}.hero-art{width:49%;position:absolute;right:-10px;bottom:8px}.mobile-br{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.section-heading h2{font-size:24px;margin:0;display:flex;align-items:center;gap:11px}.count{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e6db;border-radius:50%;width:26px;height:26px;font-size:11px;color:#869079;letter-spacing:0}.shelf-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#929789}.filters{display:flex;gap:8px;margin:23px 0 27px;overflow:auto;scrollbar-width:none;padding:2px}.filters button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 19px;border:1px solid #e7e8df;border-radius:22px;font-size:11px;white-space:nowrap;min-height:38px;color:#7f8677;background:#fffefa}.filters button.selected{background:#567959;color:#fffef5;border-color:#567959}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 26px}.book-card{text-align:left;padding:0;width:100%;border-radius:12px}.cover-wrap{position:relative;background:#e9eddf;border-radius:12px;overflow:hidden;aspect-ratio:1.14;padding:18px 47px 0;transition:transform .2s,box-shadow .2s}.cover-wrap:before{content:"";position:absolute;width:100%;height:35px;bottom:-4px;left:0;background:linear-gradient(transparent,#37482b12)}.cover-wrap img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:3px 8px 0 0;box-shadow:-5px 3px 13px #42563718;transition:transform .2s}.cover-dolphins{background:#e0ece9}.cover-space{background:#e9e5ef}.cover-puppy{background:#f0e8dc}.cover-plants{background:#e7ebdc}.cover-inventor{background:#eee3d5}.book-card:hover .cover-wrap{box-shadow:0 8px 22px #3248270a;transform:translateY(-3px)}.book-card:hover .book-open{opacity:1;transform:translateY(0)}.book-open{position:absolute;right:12px;bottom:12px;background:#fffefaed;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#5d7655;opacity:0;transform:translateY(6px);transition:.2s}.book-meta{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.category{display:inline-flex;align-items:center;border-radius:5px;background:#edf0e5;color:#6f805e;font-size:9px;letter-spacing:.25px;padding:5px 8px;line-height:1.1}.cat-animals{background:#e5f0ed;color:#6f9590}.cat-space{background:#ede9f3;color:#9788ad}.cat-science{background:#ebeedc;color:#929965}.cat-people{background:#f2e9dc;color:#a18964}.level-dots{display:inline-flex;gap:4px;vertical-align:middle}.level-dots i{width:5px;height:5px;border-radius:50%;background:#e5e8df}.level-dots i.filled{background:#a4b28f}.book-card h3{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:6px}.book-card p{font-size:10px;color:#9a9e92;margin:0}.book-card p span{margin:0 5px}.continue-pill{position:absolute;top:14px;left:14px;border-radius:20px;background:#fffef4ed;font-size:10px;padding:8px 12px;color:#536d4c}.home-footer{display:flex;align-items:center;justify-content:space-between;margin-top:42px;padding:24px 0 27px;border-top:1px solid var(--line);color:#9a9f91}.home-footer>div{display:flex;align-items:center;gap:12px}.footer-leaf{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f0f2e9;color:#96a180}.home-footer p{font-size:11px;margin:0}.home-footer small{display:block;font-size:9px;color:#b0b2a6}.home-footer>span{font-size:9px}.continue-banner{display:flex;align-items:center;gap:16px;text-align:left;background:#fffefa;border:1px solid #e1e6d6;border-radius:16px;width:100%;padding:15px 22px;margin:-25px 0 32px}.small-cover{width:46px;height:59px;overflow:hidden;border-radius:4px}.small-cover img{height:100%;object-fit:cover}.continue-banner>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.continue-banner small{font-size:8px;letter-spacing:1.4px;color:#8a977c}.continue-banner strong{font-size:15px}.continue-banner>span:nth-child(2)>span{font-size:10px;color:#8b9380}.continue-cta{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--green)}.review-banner{display:flex;align-items:center;gap:17px;padding:23px 25px;width:100%;text-align:left;background:#f0f2e7;border-radius:13px;margin-top:34px;color:#6d815b}.review-banner>span{flex:1}.review-banner strong{font-size:14px;display:block;margin-bottom:6px}.review-banner small{font-size:11px}.today-rest{text-align:center;padding:65px 15px 85px;max-width:750px;margin:auto}.rest-icon{display:flex;align-items:center;justify-content:center;background:#e7edda;color:#759564;width:88px;height:88px;border-radius:50%;margin:0 auto 25px}.today-rest h1{font-family:var(--serif);font-weight:400;font-size:47px}.today-rest p:not(.eyebrow){color:#89907e}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:70px 20px;color:#849078;gap:8px}.empty h3{font-size:20px;margin:10px 0 0}.empty p{font-size:14px;margin:0 0 15px}.compact{padding:32px 15px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#a6533f;background:#f8eae2;border:1px solid #efd3c6;padding:13px 17px;border-radius:10px;font-size:14px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.success{display:flex;align-items:center;gap:9px;background:#e9f0df;color:#54734c;padding:14px;border-radius:10px;font-size:14px;margin-bottom:15px}.soft-note{padding:18px 22px;background:#eff2e7;border-radius:12px;margin:16px 0;color:#6f8062;font-size:15px;line-height:1.7}.soft-note .button{margin-top:10px}.soft-note p:last-child{margin-bottom:0}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#30392b66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:680px;max-width:100%;max-height:90dvh;overflow:auto;background:#fffefa;border:1px solid #eeeee4;border-radius:22px;padding:30px;box-shadow:0 22px 75px #26372222}.modal h2{font-size:23px}.modal .section-heading{align-items:flex-start}.modal .section-heading h2{padding-top:9px}.modal .button{font-size:15px}.pin-input{font-size:27px;letter-spacing:12px;text-align:center;margin:8px 0}.book-detail{display:flex;align-items:center;gap:28px;margin-bottom:26px}.detail-cover{width:40%;border-radius:6px}.book-detail p{font-size:15px;line-height:1.8;margin:15px 0}.detail-loop{font-size:12px!important;color:#81916f}.word-chips{display:flex;gap:8px;flex-wrap:wrap}.word-chips span{padding:8px 13px;background:#eef1e6;border-radius:9px;font-size:15px}.memory h3{margin-top:25px;font-size:16px}.memory p{font-size:15px}.saved{display:inline-flex;align-items:center;gap:6px;color:#688357;font-size:13px}blockquote{margin:20px 0;padding:18px 22px;border-left:3px solid #9ab584;background:#f2f3e9;font-family:var(--serif);font-size:22px;line-height:1.7;border-radius:0 10px 10px 0}.learning-header{display:flex;align-items:center;justify-content:space-between;max-width:1300px;margin:auto;height:90px;padding:0 40px;border-bottom:1px solid var(--line)}.learning-header>.back-link,.learning-header>.autosave{width:180px}.autosave{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;color:#8c977c}.autosave>span{width:5px;height:5px;background:#8da67a;border-radius:50%}.step-nav{display:flex;justify-content:center;gap:45px;padding:30px 15px 22px}.step-nav>div{display:flex;align-items:center;gap:8px;color:#b0b4a6;font-size:13px}.step-nav>div>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #dfe4d5;border-radius:50%;font-size:11px}.step-nav .current{color:#52744c;font-weight:600}.step-nav .current>span{background:#597e54;color:#fff;border:0}.step-nav .complete{color:#849876}.step-nav .complete>span{background:#e8efdf;border:0}.learning-main{max-width:860px;margin:auto;padding:20px 28px 70px}.learning-main.reader-main{max-width:1150px;padding-top:4px}.activity-card{padding:39px 45px 40px;background:var(--paper);border:1px solid #e7e9df;border-radius:24px;text-align:center;box-shadow:0 6px 25px #263a2103}.activity-icon{display:flex;align-items:center;justify-content:center;background:#e9efdd;color:#719355;width:65px;height:65px;border-radius:21px;margin:0 auto 24px}.activity-icon.rose{background:#f3e6de;color:#b2816d}.activity-icon.sand{background:#f2eddc;color:#b39d59}.activity-card h1{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.25;margin:0 0 26px}.activity-card .eyebrow{font-size:9px;margin-bottom:14px}.activity-card h2{font-size:24px;line-height:1.6;font-weight:500;margin:0;letter-spacing:-.35px}.prompt-with-sound{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:19px}.listen{background:#edf1e5;color:#748867}.activity-card>.muted{font-size:16px}.scaffold{position:relative;text-align:left;background:#f2f4e9;border:1px dashed #d3ddc3;padding:22px 60px 20px 25px;border-radius:15px;margin:20px 0 8px}.scaffold span{font-size:13px;color:#96a17f}.scaffold p{font-size:23px;line-height:1.8;color:#647c51;margin:8px 0}.scaffold .listen{position:absolute;right:12px;top:calc(50% - 20px)}.recorder{display:flex;align-items:center;flex-direction:column;gap:6px;margin:23px auto 12px;padding:23px 16px;background:#faf9f4;border:1px solid #eeeede;border-radius:15px;max-width:520px}.recorder p{font-size:13px;margin:0 0 10px}.recorder audio{max-width:380px}.record-active{background:#b67561}.activity-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.speaking-hints{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.speaking-hints div{display:flex;align-items:center;flex-direction:column;gap:12px;border-radius:13px;background:#f5f2e9;padding:20px 13px;font-size:18px;line-height:1.6;color:#8d856a}.speaking-hints span{font-size:11px;width:25px;height:25px;border:1px solid #ddd6c1;border-radius:50%;display:flex;align-items:center;justify-content:center}.reader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#828b78}.reader-top>div{display:flex;align-items:center;gap:6px}.reader-top>div>span{font-size:11px;min-width:37px;text-align:center}.reader-viewport{position:relative;overflow:auto;max-height:70dvh;background:#eeeede;border:1px solid #e0e4d5;border-radius:18px;padding:16px;min-height:250px;text-align:center}.reader-viewport canvas{display:block;margin:auto;box-shadow:0 4px 15px #34472c12}.pdf-loading{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:14px;padding:9px 14px;border-radius:8px;background:#fffef9}.seed-reader{background:#fffefa;padding:0;max-height:none}.reading-spread{display:grid;grid-template-columns:42% 58%;align-items:stretch;min-height:480px}.reading-spread>img{height:100%;width:100%;object-fit:cover;max-height:620px}.reading-spread>div{display:flex;flex-direction:column;justify-content:center;padding:32px 38px;text-align:left}.reading-spread p{font-family:var(--serif);line-height:1.85;margin:15px 0}.reading-spread .eyebrow{font-size:8px}.page-ornament{font-size:30px;color:#9dac8b;text-align:center;margin-top:13px}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.reader-controls>span{font-size:13px;color:#9b9f8f}.reader-controls .button{font-size:14px;min-height:50px}.image-page{display:block;margin:auto}.word-display{display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0 20px}.word-display h2{font-size:58px;letter-spacing:2px;font-family:var(--serif);color:#56774c}.word-display mark{background:#f1e1b2;color:#8b7540;border-radius:5px}.word-meaning{font-size:20px;margin:22px 0 12px}.word-example{font-family:var(--serif);font-size:22px;color:#8c977c}.spelling-input{display:block;max-width:390px;margin:25px auto 17px;text-align:center;font-size:30px;letter-spacing:3px;min-height:74px;background:#fcfbf4;border:2px solid #dce5cd}.letter-hint{font-size:29px;letter-spacing:6px;color:#8c9c75}.letter-bank,.sentence-bank{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.letter-bank button,.sentence-bank button:not(.text-button){min-width:46px;min-height:48px;padding:9px 16px;font-size:23px;border:1px solid #d7dfca;border-bottom:3px solid #c5d0b5;background:#f0f3e7;border-radius:9px;color:#637b50}.sentence-bank button:not(.text-button){font-size:18px}.word-feedback,.writing-feedback{padding:24px 20px;background:#eff3e7;border-radius:14px;margin-top:23px}.word-feedback h3,.writing-feedback h3{font-size:21px;margin-bottom:10px}.word-feedback>p{font-size:37px;font-family:var(--serif);color:#64854f;margin:10px}.word-feedback small{display:block;line-height:1.6;color:#8c987b;margin-bottom:22px}.writing-feedback p{font-size:16px;color:#819070}.writing-input{font-family:var(--serif);font-size:24px;line-height:2;min-height:210px;background:repeating-linear-gradient(#fffefa,#fffefa 47px,#edeede 48px);padding:12px 20px;border:1px solid #dce2cf;margin-top:24px}.completion{text-align:center}.completion-art{position:relative;max-width:430px;margin:-25px auto -8px}.complete-seal{position:absolute;display:flex;align-items:center;justify-content:center;background:#688759;color:#f7f9ea;border:5px solid #faf9f5;border-radius:50%;height:62px;width:62px;right:73px;bottom:34px}.completion h1{font-family:var(--serif);font-weight:400;font-size:48px;margin:13px 0 20px}.completion>p:not(.eyebrow){color:#8c947e;font-size:16px}.completion-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e7d8;border-radius:17px;background:#fffefa;padding:24px 12px;margin:30px 0}.completion-stats>div{display:flex;align-items:center;flex-direction:column;gap:9px;color:#8fa17b;border-right:1px solid #e9ecdf}.completion-stats>div:last-child{border:0}.completion-stats strong{font-size:15px;color:#657a54}.completion-stats span{font-size:11px;color:#9aa58b}.completion>.button{min-width:230px;margin-bottom:20px}.parent-label{display:flex;align-items:center;gap:7px;font-size:12px;color:#7b8871}.parent-layout{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:1328px;margin:auto;min-height:calc(100dvh - 95px)}.parent-sidebar{padding:36px 20px 25px 32px;border-right:1px solid var(--line)}.parent-sidebar>.eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 22px 13px}.parent-sidebar>button{display:flex;align-items:center;gap:12px;min-height:49px;width:100%;border-radius:9px;padding:10px 15px;margin-bottom:7px;font-size:13px;color:#8a927e;text-align:left}.parent-sidebar>button.active{color:#52704b;background:#edf1e4;font-weight:600}.parent-sidebar-note{padding:28px 14px;font-size:11px;color:#a3ab98;margin-top:55px}.parent-sidebar-note p{margin-top:12px}.parent-main{padding:37px 35px;min-width:0}.parent-main>.section-heading{align-items:flex-start}.parent-main h1{font-size:26px;line-height:1.5}.parent-main h2{font-size:18px;letter-spacing:-.4px;margin-bottom:13px}.parent-main h3{font-size:16px}.parent-main>.muted{font-size:13px}.segmented{display:flex;align-items:center;gap:3px;background:#ecefe4;padding:4px;border-radius:9px;flex-shrink:0}.segmented button{min-height:36px;padding:7px 12px;font-size:11px;border-radius:6px;color:#8a947b}.segmented button.active{background:#fffefa;color:#5f7652;box-shadow:0 1px 3px #38532110}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:27px 0}.stat-card{display:flex;flex-direction:column;background:#fffefa;border:1px solid #e8e9df;border-radius:14px;padding:24px 20px;gap:13px}.stat-card>svg{color:#8a9e72}.stat-card>span{font-size:12px;color:#8e9781}.stat-card>strong{font-size:34px;line-height:1;font-weight:500;letter-spacing:-1px}.stat-card small{font-size:11px;font-weight:400;color:#a0a891;margin-left:7px;letter-spacing:0}.panel{background:#fffefa;border:1px solid #e8e9df;border-radius:15px;padding:25px;margin:20px 0}.panel .section-heading{margin-bottom:10px}.panel .section-heading h2{margin:0 0 7px}.panel .muted{font-size:12px}.days-chart{display:flex;justify-content:space-around;gap:10px;align-items:flex-end;padding:20px 0 5px}.days-chart>div{flex:1;text-align:center}.day-stem{height:70px;display:flex;justify-content:center;align-items:center;background:#f6f6ef;border-radius:10px;max-width:55px;margin:auto auto 12px}.day-stem.active{background:#e9f0dc}.day-stem.active>span{background:#a8bc8e;border-radius:50%;width:8px;height:8px}.day-stem.done{background:#dce9c9;color:#7d9c61}.days-chart small{font-size:10px;color:#a5ac98}.days-chart.month{gap:3px}.days-chart.month .day-stem{height:60px;border-radius:4px}.days-chart.month small{font-size:7px;writing-mode:vertical-rl}.days-chart.month svg{width:12px}.parent-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.parent-two-col .panel{margin:0 0 20px}.simple-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:14px 0;border-bottom:1px solid #f0f0e8;line-height:1.6}.simple-metric>span:first-child{color:#8b957e}.simple-metric>span:last-child{font-size:11px}.help-text{font-size:11px!important;line-height:1.8;color:#9ca58f;margin-top:18px;margin-bottom:0}.management-list{border:1px solid #e6e8db;border-radius:14px;background:#fffefa;overflow:hidden;margin-top:25px}.managed-book{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #edf0e5}.managed-book:last-child{border:0}.managed-book>img{width:57px;height:72px;object-fit:cover;border-radius:4px}.managed-book-info{flex:1;min-width:0}.managed-book-info h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.managed-book-info p{font-size:11px;color:#969f89;margin:0 0 8px}.status{font-size:9px;background:#edf2e3;color:#7b9065;padding:4px 8px;border-radius:4px}.status.hidden-status{background:#efeee9;color:#a09f91}.status.draft-status{background:#f6ecd4;color:#a58b55}.managed-book-info small{font-size:9px}.management-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.management-actions>button:not(.icon-button){font-size:11px;color:#7b8d67;border:1px solid #e3e9d9;padding:9px 11px;border-radius:7px;min-height:37px}.danger{color:#ba846e!important}.record-row{display:flex;align-items:center;gap:15px;width:100%;padding:18px 0;border-bottom:1px solid #ebeee1;text-align:left}.record-row>img{height:65px;width:48px;object-fit:cover;border-radius:4px}.record-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:7px}.record-row strong{font-size:15px}.record-row small,.record-row>span:last-child{font-size:10px;color:#97a087}.record-answer{background:#f7f7ef;border-radius:10px;padding:14px;margin:14px 0}.record-answer p{font-size:16px;margin:0 0 8px}.record-answer small{color:#8b967e}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:11px;font-weight:400;color:#99a28c}td,th{padding:15px 10px;border-bottom:1px solid #ecefe1}.parent-form{font-size:14px}.parent-form label{font-size:13px}.parent-form .button{font-size:14px;min-height:49px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.parent-form textarea{line-height:1.7}.parent-form label>input,.parent-form label>select,.parent-form label>textarea{font-size:14px}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 0}.upload-zone{display:flex;align-items:center;justify-content:center;background:#f1f4e9;border:1px dashed #c4d0b6;border-radius:13px;padding:30px 15px;color:#839a6d;gap:13px;text-align:center;cursor:pointer}.upload-zone span{font-size:10px;color:#a0ab93}.upload-zone input{font-size:11px!important;background:transparent;border:0;width:auto;max-width:100%;min-height:0;padding:5px}.upload-files{font-size:11px;color:#899677;background:#f6f8ee;padding:15px;border-radius:10px;margin-bottom:20px}.upload-files>div{display:flex;align-items:center;gap:10px;margin:8px 0}.upload-files>div>span{flex:1;overflow-wrap:anywhere}.upload-files button{font-size:11px;border:1px solid #dce4d0;border-radius:5px;padding:7px}.skill-slider{padding:12px 0;border-bottom:1px solid #edf0e4;margin-bottom:12px!important}.skill-slider>span{display:flex;justify-content:space-between;align-items:center}.skill-slider strong{color:#819568}.skill-slider input{padding:0;accent-color:#72955a;min-height:30px}.checkbox-label{display:flex;align-items:center;flex-direction:row;gap:10px;line-height:1.7}.checkbox-label input{width:20px;height:20px;min-height:20px;accent-color:#6c8c58;flex-shrink:0}.approval{padding:18px 15px;background:#edf2e3;border-radius:10px;margin-top:22px}.pack-editor fieldset{border:1px solid #e4e9d9;border-radius:12px;padding:18px;margin:20px 0}.pack-editor legend{font-size:12px;color:#92a17e;padding:0 8px}.pack-editor fieldset label{margin-bottom:14px}.pack-editor h3{margin-top:30px;color:#6c815a;font-size:16px}.pack-editor details{font-size:12px;color:#8a967c;line-height:1.8;margin:15px 0}.pack-editor summary{cursor:pointer;min-height:35px}.pack-editor details textarea{font-family:monospace;font-size:12px}@media(min-width:1400px){.home-main{padding-top:40px}.hero{min-height:345px}.hero h1{font-size:49px}.cover-wrap{padding-left:52px;padding-right:52px}.book-card h3{font-size:18px}}@media(max-width:1050px){.topbar{padding:0 30px}.home-main{padding:30px 30px 0}.hero h1{font-size:39px}.hero-copy{padding-left:31px}.hero{min-height:300px}.cover-wrap{padding:16px 31px 0;aspect-ratio:1.02}.book-grid{gap:28px 20px}.parent-layout{grid-template-columns:180px minmax(0,1fr)}.parent-sidebar{padding-left:18px;padding-right:15px}.parent-main{padding:30px 22px}.parent-main h1{font-size:22px}.parent-two-col{grid-template-columns:1fr}.stats-grid{gap:10px}.stat-card{padding:20px 14px}.managed-book{gap:13px;padding:15px}.management-actions{max-width:175px;gap:5px}.management-actions>.icon-button{width:35px;height:35px}.reading-spread>div{padding:23px 28px}}@media(max-width:800px){.topbar{height:81px;padding:0 24px}.brand{font-size:24px;gap:8px}.brand-mark{width:34px;height:34px;border-radius:10px 10px 10px 3px}.brand-mark svg{width:22px}.main-nav{gap:0}.main-nav button{padding:12px;font-size:12px}.parent-entry span{display:none}.hero h1{font-size:37px}.hero-copy{padding-left:27px;width:68%}.hero-art{width:48%;right:-27px;bottom:20px;opacity:.95}.hero p:not(.eyebrow){font-size:12px}.hero .eyebrow{font-size:8px}.gentle-note{font-size:9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 22px}.cover-wrap{aspect-ratio:1.13;padding-left:42px;padding-right:42px}.shelf-note{display:none}.section-heading h2{font-size:23px}.learning-header{padding:0 24px}.learning-header .brand{display:none}.learning-main{padding-left:24px;padding-right:24px}.activity-card{padding:33px 30px}.step-nav{gap:24px}.reading-spread{grid-template-columns:40% 60%;min-height:420px}.reading-spread p{font-size:.9em}.parent-main h1{font-size:20px}.parent-layout{display:block}.parent-sidebar{border:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;padding:12px 18px;gap:6px}.parent-sidebar>.eyebrow,.parent-sidebar-note{display:none}.parent-sidebar>button{width:auto;white-space:nowrap;margin:0;flex-shrink:0;font-size:12px;padding:8px 12px}.parent-main{padding:25px}.managed-book>img{width:53px;height:69px}.parent-label{font-size:10px}.home-footer{margin-top:35px}.hero{margin-bottom:37px}.continue-banner{margin-top:-15px}.parent-main>.section-heading{flex-wrap:wrap}.parent-main>.section-heading h1{margin-bottom:0}}@media(max-width:540px){:root{font-size:16px}.topbar{height:75px;padding:0 21px}.topbar .brand{font-size:25px}.main-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;justify-content:space-around;background:#fffefaed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e6e9dc}.main-nav button{flex-direction:column;gap:5px;border-radius:11px;font-size:11px;padding:7px 22px;min-width:85px;min-height:55px}.main-nav button svg{width:21px;height:21px}.parent-entry span{display:inline;font-size:11px}.parent-entry{gap:6px}.home-main{padding:21px 20px 105px}.hero{border-radius:18px;min-height:374px;align-items:flex-start;margin-bottom:32px}.hero-copy{padding:28px 23px;width:100%}.hero .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:19px}.hero h1{font-size:35px;line-height:1.15;letter-spacing:-1px}.hero p:not(.eyebrow){font-size:13px;max-width:210px;line-height:1.75;margin-bottom:18px}.mobile-br{display:block}.hero-art{width:66%;right:-29px;bottom:-3px;max-width:290px}.gentle-note{max-width:130px;font-size:9px;line-height:1.5;align-items:flex-start}.gentle-note svg{flex-shrink:0}.section-heading h2{font-size:22px;gap:9px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.count{width:23px;height:23px;font-size:10px}.filters{gap:7px;margin:20px -2px 24px}.filters button{font-size:11px;padding:10px 15px;min-height:40px}.book-grid{grid-template-columns:1fr;gap:30px}.cover-wrap{aspect-ratio:1.22;padding:20px 65px 0;border-radius:13px}.book-meta{margin-top:16px}.category{font-size:10px;padding:6px 9px}.level-dots{gap:5px}.level-dots i{width:6px;height:6px}.book-card h3{font-size:20px}.book-card p{font-size:12px}.book-open{opacity:1;transform:none}.continue-banner{padding:14px;gap:12px}.continue-banner strong{font-size:14px}.continue-banner small{font-size:7px}.continue-cta{font-size:11px;gap:5px}.continue-cta svg{width:16px}.home-footer>span{display:none}.home-footer{padding-top:22px}.home-footer p{font-size:11px}.home-footer small{font-size:9px}.modal-backdrop{padding:12px}.modal{padding:22px;max-height:92dvh;border-radius:18px}.modal h2{font-size:21px}.book-detail{gap:18px;align-items:flex-start}.detail-cover{width:35%}.book-detail p{font-size:14px;margin:8px 0}.detail-loop{font-size:11px!important}.learning-header{height:70px;padding:0 20px}.learning-header>.back-link{font-size:12px}.learning-header>.autosave{font-size:9px;width:auto}.learning-main{padding:10px 15px 45px}.activity-card{padding:28px 20px;border-radius:18px}.activity-card h1{font-size:29px;margin-bottom:24px}.activity-card h2{font-size:21px}.activity-card>.muted{font-size:17px}.activity-card .eyebrow{font-size:8px;line-height:1.8}.step-nav{gap:23px;padding:24px 12px 20px}.step-nav>div{flex-direction:column;gap:6px}.step-nav small{font-size:10px}.step-nav>div>span{width:24px;height:24px}.step-nav .current small{font-weight:600}.prompt-with-sound{gap:8px}.prompt-with-sound .listen{width:42px;height:42px}.activity-icon{height:56px;width:56px;border-radius:18px;margin-bottom:20px}.button{font-size:17px;min-height:56px;padding:16px 20px}.activity-actions{flex-direction:column;gap:10px}.activity-actions .button{width:100%}.recorder{padding:20px 10px}.recorder p{font-size:14px}.scaffold{padding:20px 40px 20px 16px}.scaffold p{font-size:22px}.scaffold .listen{right:2px;width:38px}.speaking-hints{grid-template-columns:1fr;gap:9px;margin:24px 0}.speaking-hints div{flex-direction:row;gap:12px;padding:14px 16px;font-size:18px;text-align:left}.speaking-hints span{flex-shrink:0}.reader-main{padding-left:12px;padding-right:12px}.reader-top{font-size:11px;gap:6px}.reader-top>span{max-width:150px;line-height:1.6}.reader-top>div{gap:0}.reader-top .icon-button{width:36px;height:40px}.reader-top>div>span{font-size:9px;min-width:30px}.reader-viewport{padding:8px;border-radius:12px}.seed-reader{padding:0}.reading-spread{display:flex;flex-direction:column;min-height:0}.reading-spread>img{height:240px;object-fit:cover;object-position:center 48%;width:100%}.reading-spread>div{padding:24px 25px}.reading-spread p{font-size:.9em;line-height:1.8;margin:10px 0}.reading-spread .eyebrow{font-size:7px}.page-ornament{margin:0}.reader-controls{gap:8px;flex-wrap:wrap;margin-top:16px}.reader-controls .button{font-size:13px;min-height:50px;padding:12px 14px;gap:6px}.reader-controls>span{font-size:11px}.reader-controls .button:first-child span{display:none}.reader-controls .button:first-child{padding:12px}.word-display h2{font-size:52px}.word-meaning{font-size:21px}.word-example{font-size:22px}.word-feedback,.writing-feedback{padding:22px 15px}.writing-input{font-size:22px;line-height:2.18}.completion h1{font-size:37px}.completion-stats{grid-template-columns:1fr 1fr;gap:25px 0;padding:25px 12px}.completion-stats>div:nth-child(2){border-right:0}.completion-art{margin-top:0}.completion .eyebrow{font-size:8px}.completion>.button{width:100%}.completion>p:not(.eyebrow){font-size:16px}.today-rest{padding:40px 0}.today-rest h1{font-size:36px}.review-banner{padding:20px 17px}.review-banner strong{font-size:13px}.review-banner small{font-size:11px}.parent-shell>.topbar{padding:0 17px}.parent-shell .topbar .brand{font-size:22px}.parent-shell .parent-label{display:none}.parent-shell .back-link{font-size:11px;gap:5px}.parent-sidebar{padding:10px 12px;gap:2px}.parent-sidebar>button{flex-direction:column;gap:6px;font-size:10px;padding:8px 13px}.parent-sidebar>button svg{width:18px}.parent-main{padding:24px 17px}.parent-main>.section-heading h1{font-size:21px}.parent-main>.section-heading .eyebrow{font-size:7px}.parent-main>.section-heading{gap:15px}.parent-main .button{font-size:13px;min-height:46px;padding:12px 15px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:20px;gap:13px}.stat-card>strong{font-size:34px}.panel{padding:20px;margin:18px 0}.panel .section-heading{flex-direction:column;align-items:flex-start;gap:4px}.parent-main h2{font-size:18px}.days-chart{gap:5px}.days-chart small{font-size:8px}.day-stem{height:55px;border-radius:7px}.parent-two-col{gap:0}.managed-book{flex-wrap:wrap;padding:16px;gap:13px}.managed-book-info h3{font-size:15px}.managed-book-info small{display:block;margin-top:6px}.management-actions{width:100%;max-width:none;justify-content:flex-end;gap:9px}.management-actions>button:not(.icon-button){font-size:12px;min-height:40px;padding:8px 14px}.record-row{gap:10px;flex-wrap:wrap}.record-row>span:last-child{padding-left:58px;width:100%}.record-row strong{font-size:14px}.record-row small{font-size:10px;line-height:1.6}.form-grid{gap:12px}.pack-editor fieldset{padding:15px}.parent-form .button{font-size:14px}.parent-form input,.parent-form textarea,.parent-form select{font-size:16px!important}.parent-form .checkbox-label{font-size:13px}.form-actions .button{flex:1}.table-scroll table{min-width:390px}.upload-zone span{font-size:9px}.parent-form .upload-zone input{font-size:10px!important}.knowledge .soft-note{font-size:17px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.daily-summary{display:flex;align-items:center;gap:12px;margin:18px 0 28px;padding:15px 18px;border:1px solid #dbe6ce;background:#f0f5e8;border-radius:12px;color:#607752;font-size:13px}.daily-summary span{flex:1}.daily-summary button{color:#58744c;text-decoration:underline;font-weight:600}.collection-filters{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 3px}.collection-filters button{border:1px solid #dde4d3;border-radius:999px;padding:9px 14px;font-size:11px;color:#7d8971}.collection-filters button.selected{background:#edf3e4;color:#56754a;font-weight:600}.book-progress{height:5px;background:#e8ecdf;border-radius:99px;overflow:hidden;margin-top:9px}.book-progress span{display:block;height:100%;background:#7f9d68;border-radius:inherit}.read-aloud{display:flex;justify-content:center;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:13px;margin:8px 0 14px;background:#f3f6ec;border:1px solid #e1e8d7;border-radius:12px}.read-aloud label{font-size:11px;color:#738267}.read-aloud select{display:block;min-width:230px;margin-top:5px;padding:9px 11px}.read-aloud .button{min-height:42px;padding:9px 14px;font-size:12px}.speech-text{display:flex;flex-direction:column;gap:12px}.speech-text>div{display:flex;flex-direction:column;gap:5px}.speech-text span,.speech-text small{padding:3px 6px;border-radius:7px;transition:background .2s}.speech-text small{font-family:system-ui;font-size:.58em;color:#8e9882}.speech-text .speaking-now{background:#fff0a9;box-shadow:0 0 0 3px #fff0a966}.reader-transcript{max-width:950px;margin:14px auto;padding:18px 22px;background:#fffef8;border:1px solid #e5e9dc;border-radius:12px;font-size:18px;line-height:1.8}.guidance-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:-8px 0 12px;border-bottom:1px solid #edf0e5;padding-bottom:10px}.guidance-bar .text-button{font-size:11px}.voice-warning,.review-note{display:block;color:#929b87;font-size:10px;line-height:1.7;margin:7px 0}.review-book-page{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:18px;min-height:420px}.review-book-page img,.review-book-page iframe{width:100%;height:520px;object-fit:contain;border:0;background:#f4f4ed}.review-book-page>div{padding:20px;font-size:20px;line-height:1.8}.chinese-line{font-size:14px;color:#88927e}.memory section{border-top:1px solid #e6eade;padding:16px 0}.memory h3{margin:0 0 12px}.memory .muted{display:flex;align-items:center;gap:6px}.memory-answer{padding:12px 0}.memory-answer>strong{display:inline-block;max-width:85%}.memory-answer .listen{margin-left:8px;vertical-align:middle}.memory-answer audio{display:block;width:100%;margin:10px 0}.inline-create{display:flex;gap:12px}.inline-create input{flex:1}.collection-book-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collection-book-list label{border:1px solid #ebeee3;border-radius:9px;padding:9px}.collection-book-list img{width:32px;height:42px;object-fit:cover;border-radius:3px}.day-stem{flex-direction:column;gap:3px}.day-stem b{font-size:8px;font-weight:600}@media(max-width:540px){.daily-summary{align-items:flex-start;flex-wrap:wrap}.daily-summary button{margin-left:30px}.review-book-page{display:block}.review-book-page img,.review-book-page iframe{height:360px}.collection-book-list{grid-template-columns:1fr}.read-aloud label{width:100%}.read-aloud select{width:100%;min-width:0}}.page-tabs{display:flex;gap:6px;overflow:auto;padding:10px 0}.page-tabs button{flex:0 0 auto;min-width:38px;padding:8px;border:1px solid #dfe5d6;border-radius:7px;color:#7d8872}.page-tabs button.active{background:#687f5a;color:#fff}.page-prep-original{height:300px;background:#f3f4ed;border-radius:10px;overflow:hidden;margin:12px 0 18px}.page-prep-original img,.page-prep-original iframe{width:100%;height:100%;object-fit:contain;border:0}.page-prep .help-text{display:flex;gap:7px;align-items:center}.reader-viewport{display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:min(68vh,720px)}.reader-viewport canvas{max-width:100%;max-height:min(68vh,720px)}.image-page{width:100%;height:min(68vh,720px);max-width:100%;object-fit:contain;transform-origin:center}.page-prep-original{height:min(60vh,620px);display:flex;align-items:center;justify-content:center}.page-prep-original img{width:100%;height:100%;object-fit:contain}@media(max-width:800px){.reader-viewport{min-height:min(62vh,600px)}.reader-viewport canvas,.image-page{max-height:min(62vh,600px);height:min(62vh,600px)}}@media(max-width:540px){.reader-viewport{min-height:min(54vh,460px)}.reader-viewport canvas,.image-page{max-height:min(54vh,460px);height:min(54vh,460px)}}.preparation-status{margin:10px 0;font-size:13px;line-height:1.7}.preparation-status progress{display:block;width:100%;margin:8px 0}.preparation-status button{border:1px solid #ccd8c2;border-radius:8px;padding:8px 12px;margin:5px}.upload-file-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.upload-file-row span{flex:1;overflow-wrap:anywhere}.upload-file-row select{max-width:180px}.page-prep-original img{width:100%;height:440px;object-fit:contain}.preparation-status .regenerate-needed{background:#52784b;color:#fff;border-color:#52784b;font-weight:700;box-shadow:0 0 0 3px #dcebd5}.preparation-status button:disabled{opacity:.4;cursor:default}.catalog-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0;padding:16px;background:#f4f5ef;border-radius:16px}.catalog-filters label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:145px}.catalog-filters label:first-child{flex:2}.catalog-filters input,.catalog-filters select{width:100%;padding:10px;border:1px solid #c8d2c0;border-radius:9px;background:#fff}.catalog-filters>span{flex-basis:100%;font-size:13px}.page-image-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;width:100%}.page-image-row>button{font-size:32px;border:1px solid #b8c8ac;background:#eef2e7;border-radius:50%;width:48px;height:48px}.page-image-row .reader-viewport{width:100%;min-width:0}.page-image-row .page-prep-original img{max-width:100%;max-height:60vh;object-fit:contain}.parent-form select[multiple]{min-height:160px}.collection-book-list{max-height:50vh;overflow:auto}.recording-review{padding:16px;background:#f1f5ed;border-radius:12px}.speech-service-notice{font-size:12px;color:#596854;padding:5px 18px}@media(max-width:760px){.page-image-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.page-image-row>button{width:36px;height:36px;font-size:25px}}.page-image-row .reader-viewport:not(.seed-reader){height:clamp(180px,calc(100dvh - 420px),680px);min-height:0;max-height:none}.page-image-row .reader-viewport:not(.seed-reader) .image-page{height:100%;max-height:100%;object-fit:contain}.page-image-row .reader-viewport:not(.seed-reader) canvas{max-height:100%;max-width:100%;object-fit:contain}.page-image-row .seed-reader{min-height:0;max-height:none}.page-image-row .reading-spread{min-height:0}.page-image-row .reading-spread>img{object-fit:contain;max-height:clamp(240px,calc(100dvh - 420px),600px)}.page-prep-heading{display:flex;align-items:center;gap:14px}.page-prep-heading h3{margin:0}.page-prep-heading button{padding:7px 11px;border:1px solid #d2c6b8;border-radius:8px;background:#fff8ef;color:#7d5944}.preparation-history{display:grid;gap:8px;padding-left:20px}.preparation-history li{display:grid;gap:2px}.preparation-history span,.preparation-history small{font-size:12px;color:#65705f}.writing-feedback:not(.correct),.word-feedback:not(.correct){border-left:4px solid #d69b73}.parent-form .skill-slider strong{margin-left:8px}.reader-viewport img[role=button],.reader-viewport canvas[role=button]{cursor:zoom-in}.reader-image-preview{display:block;max-width:100%;max-height:75dvh;width:auto;height:auto;object-fit:contain;margin:auto}.step-nav>button{display:flex;align-items:center;gap:8px;color:#9b9f93;font-size:13px;padding:5px;border-radius:8px}.step-nav>button>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #dfe4d5;border-radius:50%;font-size:11px}.step-nav>button.current{color:#52744c;font-weight:600}.step-nav>button.current>span{background:#597e54;color:#fff}.step-nav>button.complete{color:#64805a}.step-nav>button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:540px){.step-nav{gap:12px}.step-nav>button{flex-direction:column;gap:6px}}.speech-status{width:100%;text-align:center;margin:0;font-size:14px;color:#547858}.reader-viewport:not(.seed-reader){min-height:0;height:max(180px,calc(100dvh - 390px));max-height:none;overflow:hidden}.reader-viewport:not(.seed-reader) canvas{max-height:100%;max-width:100%;object-fit:contain}.reader-viewport .image-page{height:100%;width:100%;max-height:100%;object-fit:contain;transform:none!important}