/* Picture book: the existing reader engine retains original text offsets. */
.picture-reading #main{max-width:1120px;margin:auto;padding:12px 20px 40px}.picture-reading .reader-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;min-height:48px;gap:8px}.picture-reading .reader-top #reader-meta,.picture-reading #reading-size{display:none}.picture-reading .reader-top #page-label{font-size:15px;order:0}.picture-reading .reader-top #back{order:-1}.picture-reading .reader-top button{padding:10px;min-width:48px;min-height:48px}.picture-reading .book{display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:24px;overflow:clip;min-height:530px;border:1px solid var(--line,#d6e2dc)}.picture-reading .book:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(to left,#1f5c4a var(--book-progress),transparent 0);z-index:2}.picture-reading .book-art{min-height:0;position:relative;grid-column:1;grid-row:1}.picture-reading #reader-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.picture-reading .art-caption{padding:24px;background:linear-gradient(transparent,rgba(0,25,35,.8));color:white}.picture-reading .art-caption h1{font-size:clamp(22px,3vw,34px);line-height:1.2;margin:8px 0}.picture-reading #reader-kind{display:none}.picture-reading .book-page{min-width:0;padding:36px 28px 0;display:flex;flex-direction:column;justify-content:center;gap:12px}.picture-reading .page-top,.picture-reading .reader-player,.picture-reading .word-hint,.picture-reading #page-dots{display:none}.picture-reading #story-text{font-size:clamp(26px,2.5vw,32px);line-height:1.5;text-align:center;margin:auto 0 0;width:100%}.picture-reading .reading-line{display:block!important;border:0;padding:0;margin:0}.picture-reading .line-english{font:inherit;padding:0}.picture-reading .word{display:inline;border:0;border-radius:6px;background:none!important;color:inherit;padding:3px 1px;min-height:48px;font:inherit;line-height:inherit;text-decoration:underline dotted;text-underline-offset:7px;text-decoration-color:#78928c;box-shadow:none;opacity:.9;transition:background-color .15s}.picture-reading .word.active{background:#ffe08a!important;color:#173c34!important;opacity:1;text-decoration:none}.picture-reading .word:hover{background:#e6efe9!important;color:#173c34}.picture-reading .line-hebrew{font-size:17px;line-height:1.55;background:none!important;border-top:1px solid #d9e3dc;border-radius:0;padding:12px 4px 0;margin-top:16px;text-align:center;color:#50645e}.picture-reading #translation-toggle{align-self:center;border:0;display:flex;align-items:center;gap:8px;min-height:48px;font-size:14px;background:none;margin:0}.picture-reading #translation-toggle[hidden]{display:none}.picture-reading .book-hint{font-size:12px;margin:0;text-align:center;color:#50645e}.picture-reading .book-controls{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 4px calc(14px + env(safe-area-inset-bottom));margin-top:auto;background:#fff;border-top:1px solid #e0e7e1}.picture-reading .book-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:48px;min-height:48px;border:0;background:none;padding:4px;color:#1f5c4a}.picture-reading .book-controls button span{font-size:11px}.picture-reading .book-controls #page-play{border-radius:50%;width:64px;height:64px;min-width:64px;background:#1f5c4a;color:#fff;box-shadow:0 4px 0 #133d31}.picture-reading .book-controls #page-play:disabled{opacity:.5}.picture-reading .page-navigation{display:flex;margin:0;justify-content:space-between;order:4;padding:0 0 12px}.picture-reading .page-navigation button{border:0;min-width:48px;min-height:48px;background:none;color:inherit;padding:8px}.picture-reading #previous svg{transform:rotate(180deg)}.picture-reading #word-feedback:empty{display:none}.picture-reading #word-feedback{font-size:13px;margin:0;text-align:center}.picture-reading .book-mode-tabs{display:flex;justify-content:center;gap:8px;margin:10px 0}.picture-reading .book-mode-tabs[hidden]{display:none}.picture-reading .book-mode-tabs button{display:flex;align-items:center;gap:8px;min-height:48px;background:none;color:inherit;border:1px solid #c9d9d2;border-radius:25px;padding:8px 20px}.picture-reading .book-mode-tabs [aria-pressed=true]{background:#1f5c4a;color:white}.picture-reading #book-next-line{display:none}.picture-reading .song-stage .book{background:radial-gradient(ellipse at top,#243950,#0f1b2d);color:#f2f6fa}.picture-reading .song-stage .book-art{display:none}.picture-reading .song-stage .book-page{grid-column:1/-1;text-align:center;min-height:500px;padding:42px 30px 0}.picture-reading .song-stage #story-text{font-size:clamp(30px,4vw,44px);max-width:850px;align-self:center}.picture-reading .song-stage #book-next-line{display:block;font-size:22px;color:#adbcd0;margin:18px 0}.picture-reading .song-stage .book-controls{background:#0f1b2d;border-color:#34455b}.picture-reading .song-stage .book-controls button{color:white}.picture-reading .song-stage #book-speed,.picture-reading .song-stage #book-repeat{display:none}.picture-reading .song-stage .line-hebrew,.picture-reading .song-stage .book-hint{color:#c6d4dd}.picture-reading .song-stage #translation-toggle{color:#d9e8ef}.picture-reading dialog{color:#173c34;background:white;border:1px solid #b8cfc4;border-radius:24px;padding:24px;max-width:min(520px,calc(100vw - 24px));width:100%;max-height:85dvh;overflow:auto;box-sizing:border-box}.picture-reading dialog::backdrop{background:#0d252777}.picture-reading .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.picture-reading .sheet-heading h2{font-size:22px}.picture-reading dialog button,.picture-reading dialog select{min-height:48px;min-width:48px}.picture-reading .book-settings-content{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.picture-reading .book-settings-content>label,.picture-reading #voice-slot{width:100%}.picture-reading .book-settings-content label{display:flex;align-items:center;justify-content:space-between;gap:12px}.picture-reading .book-settings-content #voice-slot label{display:block}.picture-reading #always-translate{width:22px;height:22px}.picture-reading #book-word-sheet{text-align:center}.picture-reading #book-word-title{font-size:42px;margin:16px}.picture-reading #book-word-play{display:inline-flex;align-items:center;justify-content:center;gap:8px}.picture-reading .teacher-panel{margin-top:24px}.picture-reading #finish .word-box{border:0;padding:16px 0}.picture-reading #finish #words{display:flex;overflow-x:auto;gap:14px;flex-wrap:nowrap;padding:12px 0;scroll-snap-type:x mandatory}.picture-reading #finish .vocab-word{flex:0 0 155px;min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:start;white-space:normal}.picture-reading .book-end-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.picture-reading .book-end-actions button{display:flex;align-items:center;gap:8px;min-height:48px}.picture-reading .access-floating{bottom:120px}.picture-reading button:focus-visible{outline:3px solid #8656cc;outline-offset:3px}
@media(max-width:767px) and (orientation:portrait){.picture-reading .topbar{display:none}.picture-reading #main{padding:4px 12px 24px}.picture-reading .book{display:flex;flex-direction:column;min-height:0;overflow:visible}.picture-reading .book-art{height:clamp(165px,37dvh,360px);flex-shrink:0;border-radius:20px 20px 0 0;overflow:hidden}.picture-reading .art-caption{padding:14px}.picture-reading .art-caption h1{font-size:20px;margin:4px 0}.picture-reading #reader-hebrew{margin:2px 0;font-size:13px}.picture-reading .book-page{padding:14px 16px 0;gap:6px}.picture-reading #story-text{font-size:26px;line-height:1.5;margin:0}.picture-reading .line-hebrew{font-size:16px;margin-top:8px;padding-top:8px}.picture-reading .book-controls{gap:16px;padding-top:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom));margin-top:4px}.picture-reading .page-navigation{position:absolute;inset:calc(clamp(165px,37dvh,360px)/2 - 24px) 6px auto;pointer-events:none;padding:0;z-index:2}.picture-reading .page-navigation button{pointer-events:auto;background:#ffffffdf;color:#173c34;border-radius:50%;width:48px;height:48px}.picture-reading .book-hint{font-size:11px}.picture-reading .song-stage .book-page{min-height:65dvh;padding:24px 14px 0}.picture-reading .song-stage .page-navigation{position:static;order:0}.picture-reading .song-stage #book-next-line{font-size:19px}.picture-reading dialog{margin:auto 0 0;max-width:100%;width:100%;border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.picture-reading .teacher-panel{margin-top:28px}.picture-reading .book-controls #page-play{width:60px;height:60px;min-width:60px}}
@media(prefers-reduced-motion:reduce){.picture-reading *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[data-theme=dark] .picture-reading .book-controls,html[data-theme=dark] .picture-reading .book-controls{background:#132d39}html[data-theme=dark] .picture-reading .book-controls button{color:#b5efd8}html[data-theme=dark] .picture-reading .line-hebrew,html[data-theme=dark] .picture-reading .book-hint{color:#c1d2db}
.picture-reading .reader-top{flex-wrap:nowrap}.picture-reading .reader-top>#page-label{width:auto;flex:1;text-align:center}.picture-reading .art-caption{bottom:0;right:0;left:0}.picture-reading .art-caption #reader-title{font-size:28px;margin:0 0 5px}.picture-reading .book-art:after{display:none}.picture-reading #translation-toggle{order:0}.picture-reading #book-settings .access-floating{position:static;bottom:auto;box-shadow:none}.picture-reading #save-status{width:100%;font-size:12px}.picture-reading .book-help{margin-top:24px}.picture-reading .book-help>summary{cursor:pointer;min-height:48px;padding:12px}.picture-reading #book-next-line{user-select:none}.picture-reading .song-stage .book-page{background:transparent!important;color:#f3f6fa!important}.picture-reading .song-stage #story-text{color:#f3f6fa!important}.picture-reading .book-no-image .book-art{display:none}.picture-reading .book-no-image .book-page{grid-column:1/-1;min-height:360px}.picture-reading #reader-image:not([src]){display:none}
@media(max-width:767px) and (orientation:portrait){.picture-reading .art-caption #reader-title{font-size:20px}.picture-reading .page-navigation{position:absolute;inset:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.picture-reading .page-navigation:focus-within{position:static;clip-path:none;width:auto;height:auto;overflow:visible}.picture-reading .song-stage .page-navigation{position:absolute}.picture-reading .book-art{height:clamp(160px,38dvh,350px)}.picture-reading .book:before{border-radius:20px 20px 0 0}}
html[data-theme=dark] body.picture-reading:not(.high-contrast) .song-stage .book{background:radial-gradient(ellipse at top,#243950,#0f1b2d)}
.picture-reading #story-text{flex:none;margin:auto 0 0}.picture-reading .book-controls{direction:rtl}.picture-reading .page-navigation .primary{box-shadow:none}.picture-reading .line-hebrew{animation:translation-open .18s ease-out}@keyframes translation-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:767px) and (orientation:portrait){.picture-reading #story-text{margin:0}.picture-reading .book-controls{position:sticky}}
.picture-reading .book-audio-status{font-size:13px;text-align:center;margin:0}.picture-reading .book-audio-status:empty{display:none}
.picture-reading .pip-help-button{align-self:flex-end;display:flex;align-items:center;gap:5px;padding:0 4px;background:none;color:#1f5c4a;font-size:12px;min-height:62px;min-width:62px;margin:-16px 0 0}.picture-reading .pip-help-button img{width:54px;height:54px;object-fit:contain;transition:transform .15s}.picture-reading .pip-help-button:hover img{transform:rotate(-5deg)}.picture-reading #pip-help{text-align:center}.picture-reading #pip-help>img{display:block;margin:0 auto}.picture-reading .pip-close{float:left}.picture-reading .pip-source{font-size:24px;clear:both}.picture-reading .pip-explanation{font-size:20px;color:inherit}.picture-reading .pip-tip{font-size:15px}.picture-reading #pip-help.pip-speaking>img{animation:pip-talk .5s ease-in-out infinite alternate}.picture-reading #book-full-text .info-page{margin:0;padding:12px 0}.picture-reading #book-full-text .static-reading{font-size:22px;line-height:1.7}@keyframes pip-talk{to{transform:translateY(-3px) rotate(2deg)}}
@media(max-width:767px) and (orientation:portrait){.picture-reading .pip-help-button{position:absolute;top:8px;left:8px;z-index:3;margin:0;border-radius:40px;background:#ffffffeb;padding:2px 8px;color:#1f5c4a}.picture-reading .song-stage .pip-help-button{position:static;align-self:flex-end;background:none;color:#e1f7f0}.picture-reading .song-stage .book-page{padding-top:12px}}
html[data-theme=dark] body.picture-reading:not(.high-contrast) .pip-help-button{color:#b4ebd6}html[data-theme=dark] body.picture-reading:not(.high-contrast) #pip-help{color:var(--ink);background:var(--surface)}
.picture-reading .pip-listen{min-height:48px;margin-bottom:12px}.picture-reading .pip-word-cards,.picture-reading .pip-answers{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.picture-reading .pip-word-cards button{display:flex;flex-direction:column;min-width:80px;gap:4px}.picture-reading .pip-word-cards span{font-size:14px}.picture-reading .pip-question{font-size:18px;margin:20px 0 10px}.picture-reading .pip-sound-tip{font-size:15px;margin-top:14px}.picture-reading .pip-answers button[aria-pressed=true]{background:#1f5c4a;color:white}.picture-reading .pip-answer-feedback{min-height:24px}

.sentence-practice-open{margin:14px auto;display:block;font-size:15px;min-height:46px}.sentence-practice{width:min(620px,92vw);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #b2c7c2;border-radius:22px;text-align:center}.sentence-close{float:left}.sentence-text{font-size:26px;line-height:1.6}.sentence-translation{color:#52716f}.sentence-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0}.sentence-actions button{min-height:48px}.sentence-consent{display:block;font-size:14px;line-height:1.7;border-top:1px solid #c1d1cc;padding-top:18px}.sentence-feedback{padding:12px;background:#edf5e8;border-radius:12px}.sentence-feedback:empty{display:none}.sentence-practice-open[hidden],.sentence-self[hidden]{display:none}