:root{--line:#b4d0ff40;--muted:#c7d9fa;--story-size:1.05rem}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#16387c;background-image:radial-gradient(ellipse at 92% 8%,#3567c5 0,transparent 45%),radial-gradient(ellipse at 0 55%,#234697 0,transparent 65%);background-attachment:fixed}body:before,body:after{display:none}
.glass{background:linear-gradient(135deg,#9fc8ff26,#91b5f511 60%,#74a8f522);border-color:var(--line);box-shadow:inset 0 1px 1px #fff2,0 12px 32px #071e492b;border-radius:22px}button,a{touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,.zoom-stage:focus-visible{outline:3px solid #ffdf06;outline-offset:4px}
.image-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;flex:none}.image-download{margin:0}.soft-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 13px;font-size:.86rem;line-height:1.7;border-radius:11px;text-decoration:none;border:1px solid var(--line);background:#a9caff0d;color:white;white-space:nowrap}.soft-button:hover{background:#a9caff20}.download{font-size:.86rem;border-color:#ffdf0650;background:#ffdf060d}
.section-heading{border-color:var(--line);background:#a5c8ff12}.section-heading h2:before{content:"";display:inline-block;width:5px;height:18px;margin-left:10px;background:#ffdf06;border-radius:4px;vertical-align:middle}.audio-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}#audio-status{font-size:.82rem;color:var(--muted)}
.text-tools{display:flex;gap:6px;direction:ltr}.text-tools button{min-width:44px;font:22px Arial,sans-serif}.chapters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chapters a{border:1px solid var(--line);border-radius:30px;padding:9px 12px;text-decoration:none;color:white;font-size:.85rem;min-height:44px;display:inline-flex;align-items:center}.chapters a:hover,.chapters a[aria-current="location"]{color:#ffeb67;border-color:#ffdf0666;background:#ffdf0612}.direction-toggle{font-size:.8rem;margin-bottom:22px;color:var(--muted)}section{scroll-margin-top:24px}section+section{border-color:var(--line);margin-top:32px;padding-top:28px}section h2{font-size:1.17rem;line-height:2;margin-bottom:18px}.story p{font-size:var(--story-size);line-height:2.35;overflow-wrap:anywhere}.direction{font-size:.88em;color:#c2d5f5;background:#a9caff0b;border-right:2px solid #a9caff50;padding:1px 5px}.hide-directions .direction,.hide-directions .direction-only{display:none}
dialog{width:min(96vw,1300px);height:94vh;height:94dvh;max-width:none;max-height:none;padding:16px;background:#102c63;color:white;border:1px solid #a9caff60;border-radius:20px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#061630db;backdrop-filter:blur(8px)}dialog[open]{display:flex;flex-direction:column;gap:12px}.dialog-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:none}.dialog-tools .download{margin-right:auto}.zoom-stage{flex:1;min-height:0;overflow:auto;direction:ltr;text-align:center;border-radius:12px;background:#081c40}.zoom-stage img{display:block;width:100%;height:100%;object-fit:contain}.zoom-stage.actual img{width:770px;height:1079px;max-width:none;max-height:none;object-fit:initial;margin:0 auto}.dialog-open{overflow:hidden}
@media(max-width:600px){main{padding:14px 12px 28px}.glass{border-radius:18px}.image-actions{gap:6px}.image-actions a,.image-actions button{font-size:.8rem;padding:7px 9px}.player{padding:14px}.audio-tools{gap:6px}.audio-tools button{font-size:.75rem;padding:6px 8px}#audio-status{font-size:.72rem}.story{padding:18px}.section-heading{padding:10px;margin-bottom:16px}.section-heading h2{font-size:1rem}.section-heading .download{font-size:.78rem;padding:6px 9px}section h2{font-size:1.08rem}.story p{line-height:2.2}.dialog-tools{gap:6px}.dialog-tools>*{font-size:.75rem;padding:6px 8px}dialog{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.resume-panel{padding:12px 14px;margin-bottom:18px;border:1px solid #ffdf0660;border-radius:12px;background:#ffdf0610;font-size:.9rem}.resume-panel>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sync-note{font-size:.78rem!important;line-height:1.9!important;color:var(--muted);margin-bottom:14px}.paragraph-play{display:inline-flex;direction:ltr;vertical-align:middle;align-items:center;justify-content:center;min-height:36px;margin:0 0 4px 10px;padding:4px 9px;border:1px solid var(--line);border-radius:9px;background:#a9caff0d;color:#ffeb67;font:13px Arial,sans-serif;cursor:pointer}.story section p{border-right:3px solid transparent;padding-right:10px;border-radius:5px}.story section p.is-speaking{background:#ffdf0610;border-right-color:#ffdf06}.mini-player{display:none}.hide-directions .direction-only{display:none}
@media(max-width:1023px){.mini-player:not([hidden]){position:fixed;z-index:40;bottom:0;right:0;left:0;display:flex;align-items:center;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#153674f5;box-shadow:0 -8px 30px #061c4850}.mini-player .play{width:44px;height:44px;min-height:44px;font-size:20px;color:#163a88}.mini-track{flex:1;min-width:0;font-size:.82rem}.mini-timeline{display:flex;align-items:center;gap:7px;direction:ltr;font:12px Arial,sans-serif;margin-top:4px}.mini-timeline input{width:100%;min-width:0;accent-color:#ffdf06}.mini-player .soft-button{font-size:.85rem;min-width:44px;padding:5px}.has-mini-player main{padding-bottom:130px}.dialog-open .mini-player{display:none!important}}