:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f6fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17202a;--muted: #667085;--line: #d9e5ee;--paper: #ffffff;--sky: #dff5ff;--teal: #087f8c;--coral: #ff6f61;--gold: #f5b841;--leaf: #4b9f63;--plum: #6b4c9a}*{box-sizing:border-box}html{min-width:320px;min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#dff5ffd6,#f6fbfffa 46%),#f6fbff}button,input,textarea,select{font:inherit}button{border:0;touch-action:manipulation}.app-shell{width:min(1180px,100%);min-height:100vh;min-height:100dvh;margin:0 auto;padding:18px}.top-bar,.bookshelf-header,.page-header,.top-actions,.control-row,.agent-copy,.lesson-strip,.summary-panel{display:flex;align-items:center}.top-bar{justify-content:space-between;gap:16px;margin-bottom:12px}.top-actions{justify-content:flex-end;gap:10px}.bookshelf-header{justify-content:space-between;gap:16px;margin-bottom:18px}.import-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.file-input{display:none}.eyebrow,.panel-kicker,.page-header p,.child-line p,.metric span{margin:0;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,4vw,2.1rem);line-height:1.08}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;color:#073f46;background:#e4fbf2;border:1px solid #bdebdc;border-radius:999px;font-weight:800;white-space:nowrap}.status-pill.is-idle{color:#4b5563;background:#eef5f8;border-color:#d7e3eb}.status-pill.is-error{color:#8f1d1d;background:#fff0ee;border-color:#f1b5ad}.progress-track{height:8px;overflow:hidden;background:#dbe8f1;border-radius:999px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--coral),var(--gold));border-radius:inherit;transition:width .26s ease}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}.book-stage,.session-panel,.summary-panel{background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #1f49611f}.book-stage{padding:12px}.page-header{justify-content:space-between;gap:10px;margin-bottom:12px}.page-header div{min-width:0;text-align:center}.page-header h2{margin:3px 0 0;font-size:1.03rem;line-height:1.12}.icon-button,.primary-button,.secondary-button,.send-button,.voice-toggle,.voice-turn-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.icon-button{width:42px;color:var(--ink);background:#edf6fa}.icon-button:disabled{cursor:not-allowed;opacity:.42}.primary-button:disabled,.secondary-button:disabled,.voice-toggle:disabled,.voice-turn-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.primary-button{flex:1;min-width:150px;padding:0 16px;color:#fff;background:#0d6672;font-weight:850;box-shadow:0 12px 24px #0d667233}.secondary-button{padding:0 14px;color:#17313a;background:#eef5f8;font-weight:800}.send-button{flex:0 0 46px;width:46px;color:#fff;background:#0d6672}.voice-toggle,.voice-turn-button{min-width:0;padding:0 12px;border:1px solid transparent;font-weight:850;white-space:nowrap}.voice-toggle{color:#17313a;background:#eef5f8}.voice-toggle.is-active{color:#073f46;background:#e4fbf2;border-color:#9ddbcf}.voice-turn-button{color:#fff;background:#0d6672;box-shadow:0 12px 24px #0d66722e}.import-button{flex:0 0 auto;min-width:144px}.icon-button:hover,.primary-button:hover,.secondary-button:hover,.send-button:hover,.voice-toggle:hover,.voice-turn-button:hover{transform:translateY(-1px)}.primary-button:disabled:hover,.secondary-button:disabled:hover,.voice-toggle:disabled:hover,.voice-turn-button:disabled:hover{transform:none}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.book-card{display:flex;flex-direction:column;gap:14px;min-height:330px;padding:14px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #1f49611f}.book-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.book-thumbnail{position:relative;display:grid;place-items:center;width:84px;height:84px;overflow:hidden;color:#17313a;background:linear-gradient(180deg,#dff5ff,#fef9e6 58%,#cfeec6);border:1px solid #cbdce8;border-radius:8px}.book-thumbnail img{width:100%;height:100%;object-fit:cover}.book-thumbnail[data-art=cat]{background:linear-gradient(180deg,#fce9dd,#fff7e8 45%,#cfe7d7)}.book-thumbnail[data-art=fireflies]{color:#fff36c;background:linear-gradient(180deg,#23345f,#30516f 46%,#20483b)}.book-status{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:850;white-space:nowrap}.book-status.is-ready{color:#14331d;background:#e7ffee;border:1px solid #93d9a8}.book-status.is-analyzing{color:#433510;background:#fff8e2;border:1px solid #f0d985}.book-status.is-failed{color:#5f1b18;background:#ffe9e7;border:1px solid #f3a8a0}.book-copy{display:grid;gap:7px}.book-copy h2{margin:0;font-size:1.32rem;line-height:1.12}.book-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.9rem;font-weight:750}.book-meta span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;background:#f3f8fb;border:1px solid #d7e5ee;border-radius:999px}.book-error{margin:0;color:#8b1f18;font-size:.9rem;font-weight:800;line-height:1.25}.book-card-actions{display:grid;gap:8px;margin-top:auto}.book-progress{display:grid;gap:8px;padding:11px;background:#f3f8fb;border:1px solid #d7e5ee;border-radius:8px}.book-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#415663;font-size:.84rem;font-weight:850;line-height:1.2}.book-progress-copy span{min-width:0;overflow-wrap:anywhere}.book-progress-copy strong{flex:0 0 auto;color:#0d6672}.book-progress-track{height:8px;overflow:hidden;background:#dbe8f1;border-radius:999px}.book-progress-track span{display:block;min-width:8px;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold));border-radius:inherit;transition:width .18s ease}.book-open-button,.book-review-button{flex:0 0 auto;width:100%}.spin-icon{animation:spin .9s linear infinite}.review-shell{padding-bottom:28px}.review-top-bar{align-items:flex-start}.review-top-bar .top-actions{align-items:flex-start;justify-content:flex-start}.review-open-button{flex:0 0 auto}.review-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}.review-metric{display:flex;align-items:center;gap:11px;min-height:74px;padding:12px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px}.review-metric>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#0d6672;background:#e4fbf2;border:1px solid #bdebdc;border-radius:8px}.review-metric p{margin:0;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase}.review-metric strong{display:block;margin-top:3px;color:#12323c;font-size:1.06rem;line-height:1.12}.review-quality-panel{display:grid;gap:10px;margin-bottom:12px;padding:12px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px}.review-quality-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.review-quality-metric{min-width:0;padding:9px 10px;background:#f6fbfd;border:1px solid #d7e5ee;border-radius:8px}.review-quality-metric p,.review-quality-metric strong{margin:0;line-height:1.14}.review-quality-metric p{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.review-quality-metric strong{display:block;margin-top:4px;color:#12323c;font-size:.94rem}.review-filter-row{display:flex;flex-wrap:wrap;gap:8px}.review-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 10px;color:#536977;background:#edf3f7;border:1px solid #d7e3eb;border-radius:999px;font-size:.78rem;font-weight:900;line-height:1;cursor:pointer}.review-filter-button strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;color:#12323c;background:#fff;border-radius:999px;font-size:.72rem}.review-filter-button.is-active{color:#073f46;background:#e4fbf2;border-color:#8ccfca;box-shadow:0 0 0 3px #087f8c1a}.review-batch-actions{display:flex;flex-wrap:wrap;gap:8px}.review-batch-actions .secondary-button{flex:0 0 auto;min-width:142px}.review-action-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#536977;font-size:.8rem;font-weight:850;line-height:1.2}.review-action-summary strong,.review-action-summary span{display:inline-flex;align-items:center;min-height:28px;margin:0;padding:0 9px;background:#f6fbfd;border:1px solid #d7e5ee;border-radius:999px}.review-action-summary strong{color:#12323c}.review-warnings{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-bottom:12px;padding:12px;color:#5a4210;background:#fff8e2;border:1px solid #f0d985;border-radius:8px;font-weight:800;line-height:1.25}.review-warnings p{margin:0 0 5px}.review-warnings p:last-child{margin-bottom:0}.review-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px}.review-selection-bar strong{display:block;margin-top:3px;color:#12323c;line-height:1.16}.review-selection-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.review-selection-actions .secondary-button{flex:0 0 auto;min-width:118px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.review-page-card{display:grid;gap:10px;min-width:0;padding:10px;background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #1f49611a}.review-page-card.is-selected{border-color:#8ccfca;box-shadow:inset 0 0 0 2px #087f8c29,0 12px 28px #1f49611a}.review-page-thumb{display:grid;place-items:center;aspect-ratio:3 / 4;overflow:hidden;background:#edf6fa;border:1px solid #cbdce8;border-radius:8px}.review-page-thumb img{width:100%;height:100%;object-fit:contain}.review-page-copy{display:grid;gap:6px;min-width:0}.review-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.review-page-heading h2{margin:0;font-size:.98rem;line-height:1.12}.review-select-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 8px;color:#667085;background:#edf3f7;border:1px solid #d7e3eb;border-radius:999px;font-size:.72rem;font-weight:900;cursor:pointer}.review-select-button.is-selected{color:#073f46;background:#e4fbf2;border-color:#8ccfca}.review-page-state{justify-self:start;padding:5px 7px;border-radius:999px;font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.review-page-state.has-text{color:#14331d;background:#e7ffee;border:1px solid #93d9a8}.review-page-state.image-only{color:#433510;background:#fff8e2;border:1px solid #f0d985}.review-quality-badge{justify-self:start;padding:5px 7px;border-radius:999px;font-size:.68rem;font-weight:900;line-height:1;white-space:nowrap}.review-quality-badge.is-ready{color:#14331d;background:#e7ffee;border:1px solid #93d9a8}.review-quality-badge.is-needs-edit{color:#7a1e13;background:#fff1ee;border:1px solid #f1b8ad}.review-quality-badge.is-image-only{color:#433510;background:#fff8e2;border:1px solid #f0d985}.review-quality-badge.is-weak-fallback{color:#713f12;background:#fff3dc;border:1px solid #f3c27a}.review-page-size,.review-page-text{margin:0;line-height:1.22}.review-page-size{color:var(--muted);font-size:.8rem;font-weight:800}.review-page-text{display:-webkit-box;min-height:48px;overflow:hidden;color:#344054;font-size:.84rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.review-quality-detail{margin:0;color:#596d79;font-size:.78rem;font-weight:820;line-height:1.22}.review-page-note{margin:0;color:#7a4c00;font-size:.78rem;font-weight:850;line-height:1.2}.review-lesson-draft{display:grid;gap:8px;padding:9px;background:#f3f8fb;border:1px solid #d7e5ee;border-radius:8px}.review-draft-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-draft-heading>p,.review-draft-actions>span{margin:0;line-height:1.18}.review-draft-heading>p{color:var(--muted);font-size:.7rem;font-weight:900;text-transform:uppercase}.review-draft-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.review-draft-actions>span{flex:0 0 auto;padding:4px 6px;color:#7a1e13;background:#fff1ee;border:1px solid #f1b8ad;border-radius:999px;font-size:.66rem;font-weight:900;line-height:1}.review-regenerate-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:0 7px;color:#0d6672;background:#fff;border:1px solid #b9d8e0;border-radius:999px;font-size:.68rem;font-weight:900;line-height:1;cursor:pointer}.review-regenerate-button:disabled{color:#98a2b3;cursor:not-allowed}.review-draft-field-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8px}.review-draft-field{display:grid;gap:4px;min-width:0}.review-draft-field span{color:#536977;font-size:.69rem;font-weight:850;line-height:1}.review-draft-field input,.review-draft-field textarea{width:100%;min-width:0;color:#12323c;background:#ffffffeb;border:1px solid #cbdce8;border-radius:8px;font:inherit;font-size:.82rem;font-weight:760;line-height:1.25;outline:none}.review-draft-field input{height:34px;padding:0 8px}.review-draft-field textarea{min-height:54px;padding:7px 8px;resize:vertical}.review-draft-field input:focus,.review-draft-field textarea:focus{border-color:#10828d;box-shadow:0 0 0 3px #10828d21}.review-draft-field.is-invalid input,.review-draft-field.is-invalid textarea{border-color:#dc6f60;box-shadow:0 0 0 3px #dc6f601f}.review-draft-error{margin:0;color:#8a2216;font-size:.74rem;font-weight:850;line-height:1.22}.review-empty-filter{margin-top:12px;padding:16px;color:var(--muted);background:#ffffffeb;border:1px solid var(--line);border-radius:8px;font-weight:850;text-align:center}.review-empty-filter p{margin:0}.picture-page{position:relative;height:min(72vh,620px);min-height:500px;overflow:hidden;background:var(--paper);border:1px solid #cbdce8;border-radius:8px}.imported-page-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f7fbfd}.art-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#dff5ff,#fef9e6 58%,#cfeec6)}.art-scene--cat{background:linear-gradient(180deg,#fce9dd,#fff7e8 45%,#cfe7d7)}.art-scene--fireflies{background:linear-gradient(180deg,#23345f,#30516f 46%,#20483b)}.sun,.moon,.cloud,.hill,.kid,.kite,.kite-tail,.porch,.cat-body,.cat-head,.cat-tail,.mat,.grass,.firefly{position:absolute;display:block}.sun{top:8%;left:9%;width:70px;height:70px;background:#ffd15c;border-radius:50%;box-shadow:0 0 0 14px #ffd15c33}.moon{top:8%;right:14%;width:76px;height:76px;background:#f5f3c9;border-radius:50%;box-shadow:0 0 28px #f5f3c9ad}.cloud{width:92px;height:36px;background:#fff;border-radius:999px;opacity:.88}.cloud:before,.cloud:after{position:absolute;content:"";background:#fff;border-radius:50%}.cloud:before{left:15px;top:-18px;width:36px;height:36px}.cloud:after{right:13px;top:-12px;width:28px;height:28px}.cloud-one{top:15%;left:38%}.cloud-two{top:27%;right:8%;transform:scale(.78)}.hill{bottom:-12%;border-radius:50% 50% 0 0}.hill-back{left:-20%;width:92%;height:36%;background:#9ed386}.hill-front{right:-22%;width:96%;height:30%;background:#63ae6b}.kid{left:22%;bottom:23%;width:48px;height:92px;background:radial-gradient(circle at 50% 14%,#8d5524 0 13px,transparent 14px),linear-gradient(#ff8f70 0 43px,#315f96 44px 100%);border-radius:22px 22px 10px 10px}.kid:before,.kid:after{position:absolute;content:"";bottom:-25px;width:12px;height:34px;background:#263d63;border-radius:999px}.kid:before{left:9px;transform:rotate(7deg)}.kid:after{right:9px;transform:rotate(-7deg)}.kite{top:21%;right:22%;width:88px;height:88px;background:linear-gradient(135deg,#ff6f61 0 50%,transparent 50%),linear-gradient(45deg,#f5b841 0 50%,#4ecdc4 50% 100%);border:3px solid #23445a;transform:rotate(45deg)}.kite-tail{top:37%;right:31%;width:92px;height:124px;border-left:3px solid #23445a;border-bottom:3px solid #23445a;border-radius:0 0 0 92px;transform:rotate(-18deg)}.porch{inset:auto 0 0;height:38%;background:linear-gradient(90deg,rgba(105,77,64,.18) 1px,transparent 1px) 0 0 / 42px 100%,#bf8f6f}.cat-body{left:35%;bottom:27%;width:130px;height:76px;background:#5d5f71;border-radius:70px 70px 48px 48px}.cat-head{left:calc(35% + 85px);bottom:calc(27% + 46px);width:74px;height:68px;background:radial-gradient(circle at 30% 46%,#17202a 0 4px,transparent 5px),radial-gradient(circle at 66% 46%,#17202a 0 4px,transparent 5px),#5d5f71;border-radius:50%}.cat-head:before,.cat-head:after{position:absolute;content:"";top:-14px;width:30px;height:30px;background:#5d5f71;transform:rotate(45deg)}.cat-head:before{left:8px}.cat-head:after{right:8px}.cat-tail{left:29%;bottom:34%;width:76px;height:76px;border:16px solid #5d5f71;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-38deg)}.mat{left:28%;bottom:19%;width:48%;height:38px;background:repeating-linear-gradient(90deg,#f5b841 0 22px,#ff6f61 22px 44px);border-radius:999px}.grass{bottom:17%;width:46%;height:46px;background:repeating-linear-gradient(105deg,transparent 0 13px,rgba(127,197,116,.88) 13px 17px)}.grass-one{left:5%}.grass-two{right:4%;transform:scaleX(-1)}.firefly{width:16px;height:16px;background:#fff36c;border-radius:50%;box-shadow:0 0 22px #fff36c;animation:blink 1.5s ease-in-out infinite}.firefly-one{left:28%;top:42%}.firefly-two{right:31%;top:53%;animation-delay:.24s}.firefly-three{left:51%;top:34%;animation-delay:.52s}.agent-window{position:absolute;top:14px;right:14px;z-index:4;display:grid;grid-template-columns:42px 28px;align-items:center;gap:8px;width:126px;min-height:76px;padding:9px;color:#102b35;background:#ffffffe0;border:1px solid rgba(12,74,88,.18);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #122c382e}.agent-face{position:relative;width:42px;height:42px;background:linear-gradient(145deg,#b8f1e5,#f9d76c);border-radius:50%;border:2px solid #17313a}.eye{position:absolute;top:15px;width:5px;height:5px;background:#17313a;border-radius:50%}.eye:first-child{left:12px}.eye:nth-child(2){right:12px}.mouth{position:absolute;left:14px;bottom:10px;width:14px;height:7px;border-bottom:2px solid #17313a;border-radius:0 0 999px 999px}.sound-bars{display:inline-flex;align-items:center;gap:3px}.sound-bars span{display:block;width:5px;height:16px;background:var(--teal);border-radius:999px;animation:talk .9s ease-in-out infinite}.sound-bars span:nth-child(2){height:26px;background:var(--coral);animation-delay:.14s}.sound-bars span:nth-child(3){height:20px;background:var(--gold);animation-delay:.26s}.agent-window p{grid-column:1 / -1;margin:0;color:#344054;font-size:.72rem;font-weight:850;text-align:center}.overlay-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.word-highlight,.speech-bubble,.phonics-card,.creative-sticker,.child-sentence,.sentence-ribbon{position:absolute;z-index:5}.word-highlight{left:10%;bottom:16%;padding:8px 14px;color:#13252c;background:#fff173d6;border:2px solid #d6a715;border-radius:8px;font-size:clamp(1.1rem,5vw,2rem);font-weight:900;box-shadow:0 8px 16px #52430829}.speech-bubble{left:8%;top:16%;width:min(250px,66%);padding:12px 14px;color:#16323b;background:#fff;border:2px solid #214b5d;border-radius:8px;font-weight:850;line-height:1.18;box-shadow:0 10px 20px #24384329}.speech-bubble:after{position:absolute;left:28px;bottom:-13px;width:22px;height:22px;content:"";background:#fff;border-right:2px solid #214b5d;border-bottom:2px solid #214b5d;transform:rotate(45deg)}.phonics-card{right:8%;bottom:128px;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;min-width:132px;padding:12px;color:#fff;background:#6b4c9a;border-radius:8px;box-shadow:0 12px 24px #37245c3d}.phonics-card strong{grid-column:1 / -1;font-size:1.25rem}.creative-sticker{display:grid;place-items:center;width:64px;height:64px;color:#17313a;background:#f5b841;border:3px solid #17313a;border-radius:50%;box-shadow:0 12px 24px #462c093d;animation:pop .32s ease both}.sticker-star{top:31%;right:33%}.sticker-wave{top:26%;right:30%;background:#4ecdc4}.sticker-light{top:43%;left:44%;background:#fff36c;box-shadow:0 0 30px #fff36cc2}.child-sentence{left:8%;right:8%;bottom:72px;display:flex;align-items:center;gap:8px;padding:11px 13px;color:#14331d;background:#e7ffeef2;border:1px solid #93d9a8;border-radius:8px;font-weight:900;line-height:1.2}.sentence-ribbon{left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:8px;min-height:48px;padding:11px 12px;color:#152d36;background:#ffffffdb;border:1px solid rgba(21,45,54,.16);border-radius:8px;font-size:clamp(.95rem,4vw,1.3rem);font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-panel{display:flex;flex-direction:column;gap:14px;padding:14px}.agent-copy{align-items:flex-start;gap:12px}.agent-avatar{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;color:#102b35;background:#c7f5ec;border:1px solid #93dacb;border-radius:8px}.agent-copy h2{margin:3px 0 0;font-size:clamp(1.05rem,4vw,1.45rem);line-height:1.16}.child-line{padding:12px;background:#fff8e2;border:1px solid #f0d985;border-radius:8px}.child-line strong{display:block;margin-top:4px;color:#2c2410;font-size:1.04rem;line-height:1.2}.voice-env-banner{display:flex;gap:10px;align-items:flex-start;margin:10px 0 12px;padding:12px 14px;color:#7a2020;background:#fff1ec;border:1px solid #f5b8ad;border-radius:12px;font-size:.92rem;line-height:1.35;box-shadow:0 2px 6px #d24b3d14}.voice-env-banner svg{flex:0 0 auto;margin-top:1px;color:#d24b3d}.voice-env-banner-copy{display:flex;flex-direction:column;gap:4px}.voice-env-banner-copy strong{color:#7a2020;font-size:.98rem;font-weight:800}.voice-env-banner-copy span{color:#7d3b31;font-weight:600}.voice-env-banner.is-ok{color:#10502a;background:#eaf9ee;border-color:#b6e3c1;box-shadow:none}.voice-env-banner.is-ok svg{color:#1f8b3f}.voice-env-banner.is-ok .voice-env-banner-copy span{color:#10502a;font-weight:700}.voice-env-banner.is-page-warning{color:#6f4d00;background:#fff8df;border-color:#ead58c;box-shadow:none}.voice-env-banner.is-page-warning svg{color:#a66b00}.voice-env-banner.is-page-warning .voice-env-banner-copy strong,.voice-env-banner.is-page-warning .voice-env-banner-copy span{color:#6f4d00}.voice-env-banner.is-checking{color:#33475a;background:#eef4fb;border-color:#c4d5e8;box-shadow:none}.voice-env-banner.is-checking svg{color:#4977ad}.voice-env-banner.is-checking .voice-env-banner-copy span{color:#33475a;font-weight:700}.voice-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.voice-status{display:flex;grid-column:1 / -1;align-items:center;gap:8px;min-height:34px;padding:8px 10px;color:#31434a;background:#f3f8fb;border:1px solid #d7e5ee;border-radius:8px;font-size:.82rem;font-weight:850;line-height:1.16}.voice-status em{margin-left:auto;color:#6b7f87;font-style:normal;font-weight:800}.voice-dot{flex:0 0 8px;width:8px;height:8px;background:#91a6af;border-radius:999px}.voice-status.is-listening,.voice-status.is-speaking{color:#073f46;background:#e4fbf2;border-color:#bdebdc}.voice-status.is-listening .voice-dot,.voice-status.is-speaking .voice-dot{background:#0f9f7c}.voice-status.is-starting,.voice-status.is-thinking{color:#433510;background:#fff8e2;border-color:#f0d985}.voice-status.is-starting .voice-dot,.voice-status.is-thinking .voice-dot{background:#d99c0d}.voice-status.is-error{color:#8f1d1d;background:#fff0ee;border-color:#f1b5ad;padding:10px 12px;font-size:.88rem;line-height:1.35;white-space:normal}.voice-status.is-error .voice-dot{background:#d24b3d}.voice-status.is-error em{display:none}.utterance-form{display:grid;gap:8px}.utterance-form label{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.utterance-row{display:flex;gap:8px}.utterance-row input{width:100%;min-width:0;min-height:42px;padding:0 12px;color:#17202a;background:#fff;border:1px solid #cbdce8;border-radius:8px;font:inherit;font-weight:750;outline:none}.utterance-row input:focus{border-color:#0d6672;box-shadow:0 0 0 3px #0d667224}.agent-feedback{min-height:34px;padding:9px 11px;border-radius:8px;font-size:.88rem;font-weight:800;line-height:1.18}.agent-feedback.is-coach{color:#433510;background:#fff8e2;border:1px solid #f0d985}.agent-feedback.is-success{color:#14331d;background:#e7ffee;border:1px solid #93d9a8}.heard-line{margin:0;color:var(--muted);font-size:.84rem;line-height:1.2}.heard-line strong{color:#17202a;font-weight:850}.lesson-strip{align-items:stretch;gap:8px}.metric{flex:1;min-width:0;padding:10px;background:#f3f8fb;border:1px solid #d7e5ee;border-radius:8px}.metric strong{display:block;margin-top:4px;overflow-wrap:anywhere;color:#12323c;line-height:1.1}.step-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.step-dot{display:grid;place-items:center;min-height:34px;padding:0 4px;overflow:hidden;color:#667085;background:#edf3f7;border:1px solid #d7e3eb;border-radius:999px;font-size:.72rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.step-dot.is-active{color:#fff;background:#087f8c;border-color:#087f8c}.control-row{justify-content:space-between;gap:10px}.mobile-actions{display:none}.summary-panel{justify-content:space-between;gap:16px;margin-top:14px;padding:14px}.summary-panel h2{margin:3px 0 6px;font-size:1.08rem;line-height:1.24}.summary-panel p:last-child{margin-bottom:0;color:var(--muted)}@keyframes talk{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blink{0%,to{opacity:.42;transform:scale(.86)}50%{opacity:1;transform:scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:860px){.reader-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start}.session-panel{position:sticky;top:18px}.picture-page{height:min(72vh,620px);min-height:580px}}@media(max-width:520px){.app-shell{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.top-bar{align-items:flex-start;gap:10px}.reader-layout{gap:10px;margin-top:10px}.book-stage,.session-panel,.summary-panel{box-shadow:0 10px 26px #1f49611a}.book-stage,.session-panel{padding:10px}.bookshelf-header,.import-actions{align-items:stretch;flex-direction:column}.import-button{width:100%}.top-actions{align-items:flex-end;flex-direction:column}.review-top-bar,.review-top-bar .top-actions,.review-selection-bar{align-items:stretch;flex-direction:column}.review-selection-actions{justify-content:stretch}.review-filter-button{flex:1 1 140px}.review-batch-actions .secondary-button{flex:1 1 180px}.review-draft-field-grid{grid-template-columns:1fr}.status-pill{min-height:34px;padding:0 10px;font-size:.85rem}.page-header{gap:8px}.icon-button,.send-button{flex:0 0 46px;width:46px;min-height:46px}.primary-button,.secondary-button,.voice-toggle,.voice-turn-button{min-height:46px}.picture-page{height:clamp(390px,58dvh,500px);min-height:390px}.agent-window{top:10px;right:10px;width:108px;grid-template-columns:38px 24px}.lesson-strip{display:grid;grid-template-columns:1fr}.voice-dock{grid-template-columns:1fr}.voice-status{align-items:flex-start}.voice-status em{margin-left:0}.utterance-row input{min-height:46px;font-size:16px}.control-row,.summary-panel{align-items:stretch;flex-direction:column}.panel-actions{display:none}.mobile-actions{display:flex;margin-top:10px}.secondary-button,.primary-button{width:100%}.step-list{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto;padding-bottom:2px}}.session-tools-toggle{display:none}.session-tools{display:contents}@media(max-width:640px),(max-height:520px)and (max-width:960px){.reader-shell{--mobile-session-height: min(42vh, 280px);--mobile-session-height: min(42dvh, 280px);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) calc(var(--mobile-session-height) + 24px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.reader-top-bar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px;margin-bottom:6px}.reader-book-meta{min-width:0;text-align:center}.reader-book-meta .eyebrow{display:none}.reader-book-meta h1{margin:0;overflow:hidden;font-size:1rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.reader-top-actions{display:block}.reader-top-actions .status-pill{position:relative;justify-content:center;width:42px;min-height:42px;padding:0}.reader-top-actions .status-pill span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-shell>.voice-env-banner.is-ok,.reader-shell>.voice-env-banner.is-checking{display:none}.reader-shell>.voice-env-banner{margin:4px 0 6px;padding:8px 10px;font-size:.8rem;box-shadow:none}.reader-shell>.progress-track{height:3px}.reader-shell .reader-layout{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:6px}.reader-shell .book-stage{position:relative;padding:0;background:transparent;border:0;box-shadow:none}.reader-shell .page-header{position:absolute;top:8px;left:8px;right:8px;z-index:8;margin:0;pointer-events:none}.reader-shell .page-header .icon-button{pointer-events:auto;background:#ffffffe6;box-shadow:0 4px 12px #132d381f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-shell .page-header>div{padding:5px 10px;background:#ffffffe6;border:1px solid rgba(19,45,56,.12);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-shell .page-header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reader-shell .picture-page{height:clamp(160px,calc(100vh - var(--mobile-session-height) - 78px),560px);height:clamp(160px,calc(100dvh - var(--mobile-session-height) - 78px),560px);min-height:0;border-radius:14px}.reader-shell .agent-window{display:none}.reader-shell .sentence-ribbon{left:8px;right:8px;bottom:8px;min-height:44px;padding:9px 11px;font-size:1rem;border-radius:12px}.reader-shell .mobile-actions{display:none}.reader-shell .session-panel{position:fixed;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;z-index:20;gap:9px;max-height:var(--mobile-session-height);padding:12px;overflow-y:auto;background:#fffffff7;border-radius:18px;box-shadow:0 16px 44px #132d3838;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reader-shell .agent-copy{gap:0}.reader-shell .agent-avatar{display:none}.reader-shell .panel-kicker{margin-bottom:3px;font-size:.68rem}.reader-shell .agent-copy h2{margin:0;color:#4a5d65;font-size:.9rem;line-height:1.2}.reader-shell .child-line{padding:9px 11px;border-radius:12px}.reader-shell .child-line strong{font-size:1.08rem}.reader-shell .voice-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}.reader-shell .voice-toggle{min-height:52px;font-size:1rem}.reader-shell .voice-status{grid-column:auto;min-width:92px;min-height:52px;padding:8px}.reader-shell .voice-status em{display:none}.reader-shell .agent-feedback{min-height:0;padding:8px 10px}.session-tools-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;color:#31434a;background:transparent;border:1px solid #d7e5ee;border-radius:10px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.session-tools{display:none}.session-tools.is-open{display:grid;gap:9px}.reader-shell .session-tools .panel-actions{display:flex}.reader-shell .lesson-strip{display:grid;grid-template-columns:1fr}.reader-shell .step-list{display:flex;justify-content:center;gap:7px;padding:0;overflow:visible}.reader-shell .step-dot{display:block;width:8px;min-width:8px;height:8px;min-height:8px;padding:0;overflow:hidden;color:transparent;border-radius:999px;font-size:0}.reader-shell .utterance-row input{font-size:16px}}.review-analysis-source{display:inline-flex;align-items:center;width:fit-content;min-height:26px;margin:0 6px 6px 0;padding:0 9px;border:1px solid transparent;border-radius:999px;font-size:.72rem;font-weight:850}.review-analysis-source.is-ai{color:#07525d;background:#e3f8f6;border-color:#a8ddd6}.review-analysis-source.is-fallback{color:#72520b;background:#fff7d6;border-color:#ead482}.voice-env-details summary{width:fit-content;color:inherit;font-size:.78rem;font-weight:850;cursor:pointer}.voice-env-details span{display:block;margin-top:5px}@media(max-width:640px),(max-height:520px)and (max-width:960px){.reader-shell.is-complete{padding-bottom:max(14px,env(safe-area-inset-bottom))}.reader-shell .voice-env-details span{font-size:.76rem;line-height:1.3}}.story-reader{width:min(1120px,100%)}.story-reader-header{display:grid;grid-template-columns:46px minmax(0,1fr) 54px;align-items:center;gap:10px;margin-bottom:10px}.story-reader-header h1{margin:0;overflow:hidden;font-size:clamp(1.05rem,4vw,1.55rem);text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-page-count{color:#50646d;font-size:.86rem;font-weight:850;text-align:right}.story-progress{height:5px}.story-reader-layout{display:grid;gap:12px;margin-top:12px}.story-stage{position:relative;min-width:0}.story-page-label{position:absolute;top:10px;left:10px;z-index:8;min-height:30px;padding:6px 10px;color:#31434a;background:#ffffffe6;border:1px solid rgba(19,45,56,.12);border-radius:999px;font-size:.76rem;font-weight:850;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-picture-page{height:min(70dvh,650px);min-height:500px;border-radius:16px;box-shadow:0 16px 40px #1f496124}.story-companion{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;background:#fffffff5;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px #1f496121}.companion-message{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px}.companion-avatar{display:grid;place-items:center;width:52px;height:52px;color:#103641;background:linear-gradient(145deg,#b8f1e5,#ffe28a);border:2px solid #2c6670;border-radius:50%}.story-companion.is-opening .companion-avatar,.story-companion.is-thinking .companion-avatar{animation:companion-breathe 1.1s ease-in-out infinite}.companion-message p{margin:1px 0 4px;color:#657680;font-size:.75rem;font-weight:900}.companion-message h2{margin:0;color:#17313a;font-size:clamp(1.02rem,3vw,1.3rem);line-height:1.28}.story-voice-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:0 18px;color:#fff;background:#0d6672;border-radius:16px;font-size:1.1rem;font-weight:900;box-shadow:0 12px 26px #0d66723d;cursor:pointer}.story-voice-button.is-active{color:#143f46;background:#dff7ef;border:1px solid #95d7c8;box-shadow:none}.story-voice-button:disabled{cursor:wait;opacity:.65}.child-voice-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;color:#526973;font-size:.9rem;font-weight:850;text-align:center}.child-voice-state>span{width:9px;height:9px;background:#91a6af;border-radius:50%}.child-voice-state.is-listening>span,.child-voice-state.is-speaking>span{background:#0f9f7c;box-shadow:0 0 0 5px #0f9f7c1f}.child-voice-state.is-thinking>span,.child-voice-state.is-starting>span{background:#d99c0d;animation:companion-breathe .9s ease-in-out infinite}.child-voice-state.is-error{color:#9a2b22}.child-voice-state.is-error>span{background:#d24b3d}.grownup-help{color:#5d7079;border-top:1px solid #e2ebf0;font-size:.82rem}.grownup-help summary{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:11px;font-weight:800;cursor:pointer;list-style:none}.grownup-help summary::-webkit-details-marker{display:none}.grownup-help form{display:grid;gap:7px;margin-top:10px}.grownup-help label{line-height:1.3}.grownup-help form>div{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px}.grownup-help input,.grownup-help button{min-height:46px;border-radius:12px}.grownup-help input{min-width:0;padding:0 12px;color:var(--ink);background:#fff;border:1px solid #cbdce8;font-size:16px}.grownup-help button{display:grid;place-items:center;color:#fff;background:#0d6672;cursor:pointer}.child-completion{display:grid;place-items:center;gap:12px;min-height:min(72dvh,620px);margin-top:16px;padding:28px;color:#17313a;background:linear-gradient(160deg,#e4fbf2,#fff8db 60%,#ffe9e2);border:1px solid #cbe5dc;border-radius:22px;text-align:center}.child-completion>span{color:#0d6672}.child-completion p,.child-completion h2{margin:0}.child-completion p{color:#5d7079;font-weight:900}.child-completion h2{max-width:520px;font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.16}.child-completion .primary-button{flex:0 0 auto;width:min(320px,100%);min-height:56px}@keyframes companion-breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.04)}}@media(min-width:860px){.story-reader-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.68fr);align-items:start}.story-companion{position:sticky;top:16px}}@media(max-width:640px){.story-reader{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.story-reader-header{margin-bottom:6px}.story-reader-layout{gap:8px;margin-top:7px}.story-picture-page{height:clamp(300px,49dvh,470px);min-height:300px;border-radius:14px}.story-picture-page .sentence-ribbon{left:8px;right:8px;bottom:8px;min-height:42px;padding:8px 10px;border-radius:11px;font-size:.98rem}.story-page-label{top:8px;left:8px}.story-companion{gap:9px;padding:12px;border-radius:16px;box-shadow:0 10px 26px #1f49611f}.companion-message{grid-template-columns:42px minmax(0,1fr);gap:9px}.companion-avatar{width:42px;height:42px}.companion-message h2{font-size:.98rem;line-height:1.23}.story-voice-button{min-height:58px;border-radius:14px;font-size:1.05rem}.grownup-help summary{padding-top:8px}}