.reading-section { max-width:1160px; margin:0 auto; padding:14px 0 30px; }
.reading-section [hidden] { display:none !important; }
.reading-section button,.reading-section select,.reading-section input { font:inherit; }
.reading-section button { cursor:pointer; }
.reading-section button:focus-visible,.reading-section select:focus-visible,.reading-section input:focus-visible,.reading-pages:focus-visible { outline:3px solid #a8cbb2; outline-offset:3px; }
.reading-intro { padding:30px 6px 28px; }
.reading-eyebrow { font-size:11px; font-weight:700; letter-spacing:2.5px; color:#b8cabe; }
.reading-intro h1 { margin:14px 0 10px; font-size:clamp(28px,3.2vw,44px); line-height:1.12; letter-spacing:-1px; }
.reading-intro p { color:var(--txt-dim); font-size:16px; }
.reading-continue { margin-top:16px; color:#e8f2e9; background:#263e32; border:1px solid #54735e; border-radius:12px; padding:13px 18px; }
.reading-music { order:1; padding:20px; border:1px solid #ffffff14; border-radius:18px; background:linear-gradient(120deg,#192720,#10191b); margin:0 0 28px; }
.reading-music>div:first-child { display:flex; gap:6px; flex-direction:column; }
.reading-music strong { font-size:16px; }.reading-music span,.reading-library-note { color:var(--txt-dim); font-size:13px; }
.reading-stations { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.reading-stations button { border:1px solid #ffffff26; border-radius:24px; background:#ffffff06; color:var(--txt); min-height:44px; padding:9px 14px; font-size:13px; }
.reading-stations button[aria-pressed=true] { border-color:#8caf96; background:#335740; }
.reading-sleep { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:12px; }.reading-sleep select { background:#18271f; color:#eef4ef; border:1px solid #ffffff30; border-radius:8px; padding:8px; margin-left:6px; }
.reading-shelf-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 20px; }.reading-shelf-heading h2 { margin:0; font-size:22px; }.reading-shelf-heading>span { color:var(--txt-dim); font-size:12px; }
.reading-library { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:22px; }
.reading-book { border:0; background:none; text-align:left; padding:0; color:var(--txt); min-width:0; display:flex; flex-direction:column; gap:14px; border-radius:12px; }
.reading-cover { display:flex; flex-direction:column; width:100%; aspect-ratio:0.69; position:relative; padding:24px 18px 18px; border-radius:3px 12px 12px 3px; box-shadow:inset 6px 0 6px #0003,0 14px 30px #0003; background:linear-gradient(140deg,#ffffff18,transparent 50%),var(--book-color); color:#fff0d6; overflow:hidden; transition:transform .2s; }
.reading-cover::after { content:''; position:absolute; inset:12px; border:1px solid #ffe7b944; pointer-events:none; }.reading-book:hover .reading-cover { transform:translateY(-4px); }
.reading-cover-author { font-size:11px; letter-spacing:1px; text-align:center; }.reading-cover strong { font-family:Georgia,serif; font-size:clamp(20px,2vw,28px); font-weight:400; text-align:center; margin:20px 0 0; line-height:1.2; }.reading-cover-symbol { margin:auto; font-size:62px; color:#eacb8f; line-height:1; }.reading-cover small { font-size:7px; text-align:center; letter-spacing:1px; }
.reading-cover.reading-cover-illustrated { padding:0; aspect-ratio:2/3; }
.reading-cover-illustrated::after { display:none; }
.reading-cover-art { display:block; width:100%; height:100%; object-fit:cover; }
.reading-book-copy { display:flex; flex-direction:column; gap:6px; }.reading-book-copy>small { color:#b0c6b7; font-size:11px; }.reading-book-copy>strong { font-size:15px; line-height:1.3; }.reading-book-copy>span { color:var(--txt-dim); font-size:12px; line-height:1.5; }.reading-book-copy>b { font-size:12px; color:#bdd5c4; margin-top:4px; }.reading-library-note { line-height:1.6; margin:24px 0 0; }
.reading-section { display:flex; flex-direction:column; }.reading-section>#readingLibraryView { display:contents; }.reading-intro { order:0; }#readingShelf { order:2; }#readingLoadStatus { order:3; }.reading-reader { order:4; }.reading-save-notice { order:5; }
.reading-reader { --paper:#f3ead8; --ink:#352e25; --rule:#59472c28; --reading-size:20px; --reading-line:1.8; --reading-font:Georgia,serif; background:var(--paper); color:var(--ink); border-radius:16px; overflow:hidden; border:1px solid var(--rule); scroll-margin-top:20px; }
.reading-reader[data-theme=light] { --paper:#fafaf6; --ink:#292b26; --rule:#292b2628; }.reading-reader[data-theme=dark] { --paper:#171e1c; --ink:#d5dcd3; --rule:#c6d3c528; }
.reading-reader button { min-height:44px; padding:9px 12px; border-radius:8px; border:1px solid var(--rule); background:transparent; color:inherit; font-size:12px; }.reading-reader button:disabled { opacity:.35; cursor:default; }.reading-reader button[aria-pressed=true] { background:var(--rule); }
.reading-reader-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 14px; border-bottom:1px solid var(--rule); }.reading-reader-head>strong { font:16px Georgia,serif; text-align:center; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reading-tools { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:8px 12px; border-bottom:1px solid var(--rule); }.reading-tools button { border:0; }
.reading-pages { height:clamp(340px,65vh,780px); overflow-y:auto; position:relative; overscroll-behavior:contain; scroll-behavior:auto; scrollbar-color:#738375 transparent; }
.reading-text { max-width:720px; margin:auto; padding:20px 40px 40px; font-size:var(--reading-size); line-height:var(--reading-line); font-family:var(--reading-font); overflow-wrap:break-word; }
.reading-text h2 { font-size:1.15em; line-height:1.35; font-weight:400; margin:0 0 .9em; }.reading-text p { margin:0 0 1em; }.reading-pages>#readingFinish { display:block; margin:0 auto 30px; }
.reading-illustration { margin:0 0 1em; }
.reading-illustration img { display:block; max-width:100%; height:auto; margin:auto; }
.reading-reader-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-top:1px solid var(--rule); }.reading-reader-foot>span { display:flex; flex:1; flex-direction:column; align-items:center; gap:6px; min-width:0; }.reading-reader-foot small { font-size:10px; text-align:center; }.reading-reader-foot progress { width:100%; max-width:200px; height:4px; accent-color:#738e76; }.reading-offline { display:block; padding:0 18px 12px; text-align:center; font-size:10px; opacity:.7; }.reading-save-notice { font-size:12px; color:var(--txt-dim); }
.reading-dialog { width:min(620px,calc(100vw - 24px)); max-height:85dvh; margin:auto; background:#17211c; color:#edf1ec; border:1px solid #668570; border-radius:16px; padding:20px; overflow:auto; }.reading-dialog::backdrop { background:#0009; }.reading-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }.reading-dialog h2 { margin:0; font-size:20px; }.reading-dialog button { color:inherit; background:#ffffff08; border:1px solid #ffffff20; border-radius:8px; padding:12px; min-height:44px; }.reading-dialog p { color:#bbcabc; font-size:14px; line-height:1.7; }.reading-dialog a { color:#c7e8ce; }.reading-field { display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }.reading-field input:not([type=range]),.reading-field select { color:#f4f7f2; background:#101712; border:1px solid #ffffff40; padding:12px; border-radius:8px; width:100%; }.reading-field input[type=range] { width:100%; accent-color:#a8cbb2; min-height:30px; }.reading-results { display:flex; flex-direction:column; gap:8px; }.reading-results button { text-align:left; display:flex; flex-direction:column; gap:8px; line-height:1.5; }.reading-results span { color:#c3cfc3; font-size:13px; }.reading-results [aria-current=true] { border-color:#b5d4bb; }
body.reading-focus { overflow:hidden; }body.reading-focus .reading-section { position:fixed; inset:0; z-index:55; max-width:none; padding:0; background:#171e1c; }body.reading-focus .reading-music,body.reading-focus .reading-save-notice,body.reading-focus #readingLoadStatus,body.reading-focus .radio-assistant { display:none; }body.reading-focus .reading-reader { display:flex; flex-direction:column; height:100%; border-radius:0; }body.reading-focus .reading-pages { flex:1; height:auto; min-height:0; }body.reading-focus .reading-text { padding-top:16px; }
.reading-focus-icon { display:none; width:22px; height:22px; }.reading-focus-exit { display:none; }#readingFocus[aria-pressed=true] .reading-focus-enter { display:none; }#readingFocus[aria-pressed=true] .reading-focus-exit { display:block; }
@media(max-width:720px) { .reading-section { padding:0 12px 18px; }.reading-intro { padding:24px 0; }.reading-intro p { font-size:14px; }.reading-intro h1 { font-size:29px; }.reading-music { padding:16px 12px; margin-bottom:24px; border-radius:14px; }.reading-stations { gap:6px; }.reading-stations button { padding:9px 11px; font-size:12px; }.reading-shelf-heading { align-items:flex-start; flex-direction:column; gap:6px; }.reading-shelf-heading h2 { font-size:20px; }.reading-library { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 14px; }.reading-cover { padding:22px 15px 15px; }.reading-cover strong { font-size:21px; margin-top:15px; }.reading-cover-symbol { font-size:43px; }.reading-cover-author { font-size:9px; }.reading-cover small { font-size:5px; }.reading-book-copy>strong { font-size:14px; }.reading-reader-head { gap:6px; padding:6px 8px; flex-wrap:nowrap; }.reading-reader-head>strong { font-size:15px; }.reading-reader-head #readingFocus { width:44px; flex:0 0 44px; padding:10px; }.reading-focus-label { display:none; }.reading-focus-icon { display:block; }.reading-tools { padding:4px; gap:0; flex-wrap:nowrap; justify-content:space-between; }.reading-tools button { padding:8px 4px; min-width:40px; white-space:nowrap; font-size:11px; }.reading-text { padding:14px 20px 30px; }.reading-reader { display:flex; flex-direction:column; height:calc(100dvh - 190px); scroll-margin-top:75px; }.reading-pages { height:auto; flex:1; min-height:0; }.reading-reader-foot { padding:8px; gap:7px; }.reading-reader-foot button { padding:8px; font-size:11px; }.reading-reader-foot small { font-size:9px; }.reading-dialog { padding:16px; }#mobileMoreSubnav:not([hidden]) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }#mobileMoreSubnav .chip { min-width:0; justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { .reading-cover { transition:none; } }
body.reading-focus .topbar,body.reading-focus .chips-wrap,body.reading-focus .side-nav,body.reading-focus .now-panel,body.reading-focus .desktop-nav-floating-menu,body.reading-focus #assistantRestore { visibility:hidden; pointer-events:none; }
body.reading-focus #player { display:none; }

.reading-edition { border-top:1px solid #ffffff20; margin-top:20px; padding-top:16px; }.reading-edition summary { cursor:pointer; padding:10px 0; }

.reading-station-thumb,.reading-station-copy small,.reading-other-stations,[data-reading-current],[data-reading-silence]{display:none}
.reading-station-copy strong{font-size:inherit;font-weight:600}
.reading-station-play{font-size:11px!important}
.reading-music select,.reading-dialog select{color-scheme:dark}
.reading-music option,.reading-dialog option{background:#17211c;color:#edf1ec}
@media(min-width:1024px){
  .reading-music{padding:16px 18px;margin-bottom:24px;border-radius:15px;background:linear-gradient(115deg,#23372c50,#131c2040);border-color:#b9d4c21c}
  .reading-music>div:first-child>strong{font-size:15px}
  .reading-music>div:first-child>span{font-size:12px;line-height:1.5}
  .reading-stations{flex-wrap:nowrap;gap:9px;margin:13px 0;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#536559 transparent}
  .reading-stations button,.reading-dialog .reading-stations button{display:flex;align-items:center;text-align:left;gap:9px;flex:1 0 175px;min-width:0;max-width:240px;padding:9px 10px;border-radius:11px;border-color:#ffffff12;background:#ffffff04}
  .reading-stations button[aria-pressed=true]{background:#42654b35;border-color:#91b49a80}
  .reading-station-thumb{display:block;width:36px;height:36px;border-radius:8px;object-fit:cover;flex:none;background:#ffffff0b}
  .reading-station-copy{min-width:0;flex:1;display:grid;gap:4px}
  .reading-station-copy strong{font-size:11px;color:var(--txt);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .reading-station-copy small{display:block;font-size:10px;color:var(--txt-dim);white-space:nowrap}
  .reading-station-play{font-size:10px!important;color:#b8d3be!important;flex:none}
  .reading-sleep{gap:10px;font-size:11px}
  [data-reading-current]{display:block;font-size:11px!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  [data-reading-silence]{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid #ffffff18;border-radius:8px;background:transparent;color:var(--txt-dim);font-size:11px!important}
  [data-reading-silence]:disabled{opacity:.45;cursor:default}
  .reading-sleep select{font-size:11px;padding:5px 7px;background:#17211c}
  #readingSleepStatus{font-size:10px}
  .reading-other-stations{display:block;margin-top:10px;font-size:11px;color:var(--txt-dim)}
  .reading-other-stations summary{display:inline-block;cursor:pointer;padding:4px 0;color:#b5d4bd}
  .reading-other-stations summary::before{content:'＋ ';font-size:12px}
  .reading-other-stations[open] summary::before{content:'− '}
  .reading-other-stations form{display:flex;align-items:flex-end;gap:8px;margin-top:8px;max-width:480px}
  .reading-other-stations label{display:grid;gap:6px;flex:1;min-width:0}
  .reading-other-stations select{width:100%;min-width:0;padding:8px;border:1px solid #ffffff25;border-radius:8px;color:#edf1ec;background:#17211c;font-size:12px}
  .reading-other-stations button{min-height:33px;padding:6px 12px;border:1px solid #ffffff25;border-radius:8px;color:#edf1ec;background:#314a38;font-size:12px}
  .reading-other-stations p{font-size:11px;margin:7px 0 0;line-height:1.5}
  .reading-dialog .reading-stations button{flex-basis:230px;max-width:none}
  .reading-dialog .reading-stations{flex-wrap:wrap}
  .reading-dialog .reading-other-stations{margin-bottom:18px}
}