/* Miatta Tales v0.8 — reader polish (non-destructive overrides) */
#reader{--paper:#fffdf8;--book-shadow:rgba(43,39,83,.12);width:calc(100% - 20px);max-width:850px;max-height:min(98dvh,1050px);overflow:auto;overscroll-behavior:contain;border:1px solid #e2ddee}
#reader.reader-spread{width:calc(100% - 20px);max-width:1250px}
#reader .reader-head{padding:13px 23px;background:linear-gradient(105deg,#f0eafd,#faf5ff);position:sticky;top:0;z-index:7;box-shadow:0 2px 10px #27213d0c}
#reader .reader-head h2{font-size:clamp(1.1rem,2vw,1.45rem)}
#reader .reader-head .reader-credit{font-size:.74rem;margin:1px 0 0}
#reader .reader-meta{font-size:.79rem}
#reader .reader-progress{height:7px;margin:0}
#reader .v08-controls{display:flex;align-items:center;gap:9px;padding:10px 19px;background:#fff;flex-wrap:wrap;border-bottom:1px solid #ebe7f1}
#reader .v08-controls button,#reader .v08-controls summary{font:inherit;min-height:44px;border-radius:13px;border:2px solid #dad4ec;background:#fff;color:#322854;font-weight:750;padding:9px 13px;cursor:pointer}
#reader .v08-controls button:hover,#reader .v08-controls summary:hover{background:#f1ecff}
#reader #reader-fullscreen{margin-left:auto;white-space:nowrap}
#reader .v08-settings{position:relative}
#reader .v08-settings[open] .v08-settings-panel{display:flex}
#reader .v08-settings-panel{display:none;position:absolute;z-index:11;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 32px));max-height:70dvh;overflow:auto;border:1px solid #dfd9ed;border-radius:17px;padding:16px;background:#fff;box-shadow:0 16px 38px #32294a35;flex-direction:column;gap:12px}
#reader .v08-settings-panel label{font-size:.85rem;font-weight:800;display:flex;flex-direction:column;gap:6px}
#reader .v08-settings-panel select{width:100%;padding:10px;border:1.5px solid #ada3ca;border-radius:10px;background:#fff;min-height:44px}
#reader .v08-settings-panel button{width:100%;text-align:center}
#reader .reader-options,#reader .reader-extra{display:none!important}
#reader .v08-status{font-weight:750;font-size:.8rem;border-radius:99px;background:#e8f7f1;color:#235841;padding:7px 10px;white-space:nowrap}
#reader .v08-status.is-playing{background:#e9e3ff;color:#43318a}
#reader .v08-status.is-paused{background:#fff2d7;color:#62471a}
#reader .reader-page{padding:17px 22px 18px;background:var(--paper);min-height:360px}
#reader .reader-illustration{width:100%;max-height:380px;object-fit:contain;border-radius:13px}
#reader .reader-text{font-size:clamp(1.35rem,2vw,1.65rem);font-weight:530;line-height:1.65;letter-spacing:.005em;max-width:640px;margin:13px auto;padding:0 10px}
#reader.reader-spread .reader-page{gap:0;padding:16px 22px 18px;min-height:390px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:0;background:linear-gradient(90deg,#fffefa 0%,#fffefa 49.5%,#e1dacf 49.8%,#c8bdb0 50%,#e1dacf 50.2%,#fffefa 50.5%,#fffefa 100%)}
#reader.reader-spread .spread-left,#reader.reader-spread .spread-right{background:#fffefb;border:1px solid #f0e7d7;padding:17px clamp(12px,2.5vw,30px);min-height:380px;box-shadow:inset 0 0 20px #e8dfd820;border-radius:12px 5px 5px 12px;justify-content:flex-start}
#reader.reader-spread .spread-left{box-shadow:inset -12px 0 22px -18px #5c4e41aa,0 9px 18px -15px #3d3851ad}
#reader.reader-spread .spread-right{border-radius:5px 12px 12px 5px;box-shadow:inset 12px 0 22px -18px #5c4e41aa,0 9px 18px -15px #3d3851ad}
#reader.reader-spread .reader-illustration,#reader.reader-spread .spread-right img{max-height:clamp(250px,33vh,400px);width:100%;object-fit:contain;background:#fbf8f0;border-radius:10px}
#reader.reader-spread .reader-text,#reader.reader-spread .spread-right p{font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.65;letter-spacing:.005em;margin:15px auto 0;padding:0 6px;font-weight:540}
#reader.reader-spread .reader-page.large-text .reader-text,#reader.reader-spread .reader-page.large-text .spread-right p{font-size:1.62rem}
#reader.reader-spread .reader-page.xlarge-text .reader-text,#reader.reader-spread .reader-page.xlarge-text .spread-right p{font-size:1.9rem}
#reader .reader-actions{position:sticky;bottom:0;z-index:5;justify-content:center;gap:11px;flex-wrap:wrap;padding:13px 15px;background:#fff;box-shadow:0 -8px 30px #30295714}
#reader .reader-actions button{min-height:50px;min-width:104px;border:2px solid #d9d3e9;border-radius:14px;font-size:.96rem}
#reader .reader-actions #next{background:#6550b1;color:#fff;border-color:#6550b1}
#reader .reader-actions #speak{background:#e8f6e9;border-color:#bfdfc7;color:#23533d}
#reader .reader-actions #page-num{font-size:.9rem;color:#534967;text-align:center;min-width:125px}
#reader #speech-status{min-height:0;margin:3px 12px;font-size:.82rem;text-align:center}
#reader .reader-tip{margin:3px 0 8px;font-size:.78rem;text-align:center}
#reader .v08-reader-help{margin:5px auto 9px;text-align:center;font-size:.78rem;color:#60566d}
#reader.reader-focus{width:calc(100vw - 12px)!important;max-width:none!important;height:calc(100dvh - 12px)!important;max-height:none!important;overflow:auto}
#reader.reader-focus .reader-head{padding:9px 20px}
#reader.reader-focus .reader-page{min-height:55dvh}
#reader.reader-focus .reader-illustration{max-height:55dvh}
#reader.reader-focus .reader-actions{position:sticky;bottom:0}
#reader .reader-page.night{--paper:#1e243c;color:#f5f2ff;background:#1e243c}
#reader.reader-spread .reader-page.night{background:#1e243c}
#reader.reader-spread .reader-page.night .spread-left,#reader.reader-spread .reader-page.night .spread-right{background:#1e243c;color:#f5f2ff;border-color:#52516e}
#reader .v08-settings summary:focus-visible,#reader button:focus-visible,#reader select:focus-visible{outline:3px solid #4830aa;outline-offset:3px}
@media(max-width:919px){#reader .reader-page{padding:15px}#reader .reader-illustration{max-height:min(43dvh,410px)}#reader .reader-actions{gap:8px}#reader .reader-text{line-height:1.65}}
@media(max-width:600px){#reader .reader-head{padding:9px 13px}#reader .v08-controls{padding:8px 10px;gap:6px}#reader .v08-controls button,#reader .v08-controls summary{padding:8px 10px;font-size:.82rem}#reader .v08-status{font-size:.73rem;padding:5px 8px}#reader .reader-actions{padding:9px 7px;gap:6px}#reader .reader-actions button{min-width:0;flex:1 1 28%;font-size:.83rem;padding:7px 6px}#reader .reader-actions #page-num{flex:1 1 100%;order:-1}#reader .reader-page{max-height:none;overflow:visible}#reader .reader-text{font-size:1.4rem;padding:0 5px}#reader .v08-settings-panel{right:0;max-height:55dvh}#reader.reader-focus .reader-page{min-height:45dvh}#reader .reader-credit{display:none}}
@media(prefers-reduced-motion:reduce){#reader *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}