/* ===== Marverso offline experience v8 — 2026-09-07 ===== */
.streak-button{height:42px;min-width:58px;padding:0 12px;border:1px solid rgba(255,90,167,.24);border-radius:999px;background:#fff;color:var(--rose-dark);display:flex;align-items:center;justify-content:center;gap:7px;position:relative}
.streak-flame{font-size:19px;line-height:1}.header-net-dot{width:7px;height:7px;border-radius:50%;background:#4fb873;position:absolute;right:7px;top:7px;border:1px solid #fff}.header-net-dot.offline{background:#b9aeb2}
.offline-profile{width:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important}.offline-profile .avatar{width:31px;height:31px;border:1px solid rgba(255,90,167,.28);background:linear-gradient(145deg,#fff4f9,#fff);font-size:16px}
.brand-star{font-size:23px;line-height:1;color:var(--rose);transform:translateY(-1px)}.brand strong{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;color:var(--rose);font-size:26px}
.offline-page-v2{padding:20px 18px 96px;background:linear-gradient(180deg,#fffdfb 0%,#fffaf7 100%);min-height:calc(100dvh - 120px)}
.offline-page-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin:4px 0 18px}.offline-page-head .eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.08em}.offline-page-head h1{margin:0;color:var(--rose);font:400 31px/1.04 Georgia,'Times New Roman',serif}.offline-page-head p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.offline-page-back{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--rose-dark);font-size:19px;display:grid;place-items:center;box-shadow:0 7px 18px rgba(84,55,60,.06)}
.offline-status-strip{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0 4px 0 2px;color:var(--muted);font-size:10px}.offline-status-strip>#downloadCount{font-weight:900;color:var(--rose-dark)}.offline-connection{display:flex;align-items:center;gap:7px;font-size:10px}.offline-connection i{width:8px;height:8px;border-radius:50%;background:#4fb873}.offline-connection i.offline{background:#b9aeb2}.offline-connection b{font-weight:800}
.offline-library-list{display:grid;gap:12px}.offline-book-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.94);padding:11px;box-shadow:0 11px 28px rgba(120,71,82,.06)}.offline-book-cover{width:72px;aspect-ratio:2/3;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f7,#f8f0ff);color:var(--rose);font:400 25px Georgia,serif;box-shadow:0 8px 18px rgba(83,40,70,.09)}.offline-book-cover img{width:100%;height:100%;object-fit:cover}.offline-book-copy{min-width:0}.offline-book-kicker{display:block;color:var(--rose);font-size:7px;font-weight:900;letter-spacing:.08em;margin-bottom:5px}.offline-book-copy h3{margin:0 0 4px;color:var(--rose);font:400 20px/1.08 Georgia,'Times New Roman',serif}.offline-book-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}.offline-book-card>button{border:1px solid var(--rose);border-radius:999px;background:#fff;color:var(--rose-dark);font-size:9px;font-weight:900;padding:9px 11px;min-height:38px}
.offline-empty{margin-top:4px;border-radius:23px;background:#fff;box-shadow:none}.offline-empty .btn{max-width:280px;margin:auto}
@media(max-width:380px){.offline-page-v2{padding-left:13px;padding-right:13px}.offline-book-card{grid-template-columns:62px minmax(0,1fr)}.offline-book-cover{width:62px}.offline-book-card>button{grid-column:2;justify-self:start}.offline-book-copy h3{font-size:18px}}
body.offline-reader-open{margin:0!important;background:#f8efe4!important;overflow-x:hidden}
.offline-reader-v2{--rr-bg:#fbf3e7;--rr-panel:#fffaf2;--rr-text:#3d3035;--rr-muted:#796a70;--rr-line:rgba(98,68,74,.13);--rr-accent:#db337f;--rr-soft:rgba(255,90,167,.13);min-height:100dvh;background:var(--rr-bg);color:var(--rr-text);padding:0 0 68px}
.offline-reader-v2[data-theme="light"]{--rr-bg:#fffdfb;--rr-panel:#fff;--rr-text:#33282b;--rr-muted:#786b6f;--rr-line:rgba(96,67,72,.12)}
.offline-reader-v2[data-theme="sepia"]{--rr-bg:#fbf3e7;--rr-panel:#fffaf2;--rr-text:#3d3035;--rr-muted:#796a70;--rr-line:rgba(98,68,74,.13)}
.offline-reader-v2[data-theme="dark"]{--rr-bg:#191416;--rr-panel:#211a1d;--rr-text:#f2e7eb;--rr-muted:#b8a7ae;--rr-line:rgba(255,255,255,.10);--rr-soft:rgba(255,90,167,.18)}
.offline-reader-shell{min-height:100dvh;background:var(--rr-bg);color:var(--rr-text)}
.reader-online-topbar{position:sticky;top:0;z-index:31;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:6px;padding:9px 8px;background:color-mix(in srgb,var(--rr-panel) 94%,transparent);border-bottom:1px solid var(--rr-line);backdrop-filter:blur(16px)}.reader-title-block{min-width:0}.reader-title-block>div:first-child{font:400 14px/1.2 Georgia,'Times New Roman',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-title-block>div:last-child{font-size:11px;color:var(--rr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.reader-icon-group{display:flex;gap:0;align-items:center}.reader-icon-btn{min-width:31px;height:34px;padding:0 5px;border:0;background:transparent;color:var(--rr-text);font-size:17px;display:grid;place-items:center}.reader-icon-btn.active{color:var(--rr-accent)}
.reader-progress-track{position:sticky;top:53px;z-index:30;height:2px;background:var(--rr-line)}.reader-progress-bar{height:100%;width:0;background:var(--rr-accent);transition:width .12s linear}
.reader-reading-pane{min-height:calc(100dvh - 116px)}.reader-reading-wrap{width:100%;max-width:760px;margin:0 auto;padding:32px 18px 94px}.reader-reading-wrap[data-width="narrow"]{max-width:620px}.reader-reading-wrap[data-width="medium"]{max-width:760px}.reader-reading-wrap[data-width="wide"]{max-width:920px}
.reader-chapter-head{margin-bottom:25px}.reader-chapter-kicker{color:var(--rr-accent);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}.reader-chapter-head h1{margin:0;color:var(--rr-accent);font:400 30px/1.07 Georgia,'Times New Roman',serif}.reader-chapter-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;color:var(--rr-muted);font-size:9px}
.reader-chapter-content{font:400 19px/1.8 Georgia,'Times New Roman',serif;color:var(--rr-text);text-align:justify;letter-spacing:0;overflow-wrap:anywhere}.reader-chapter-content p,.reader-chapter-content li,.reader-chapter-content blockquote{margin:0 0 1.1em}.reader-chapter-content[data-paragraph-spacing="compact"] p,.reader-chapter-content[data-paragraph-spacing="compact"] li,.reader-chapter-content[data-paragraph-spacing="compact"] blockquote{margin-bottom:.65em}.reader-chapter-content[data-paragraph-spacing="spacious"] p,.reader-chapter-content[data-paragraph-spacing="spacious"] li,.reader-chapter-content[data-paragraph-spacing="spacious"] blockquote{margin-bottom:1.65em}.reader-chapter-content mark[data-offline-mark]{border-radius:3px;padding:0 1px;background:rgba(255,90,167,.23);color:inherit}.reader-chapter-content mark[data-color="yellow"]{background:rgba(255,216,91,.42)}.reader-chapter-content mark[data-color="lilac"]{background:rgba(190,145,255,.28)}
.reader-bottom-nav{position:fixed;z-index:35;left:0;right:0;bottom:0;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;align-items:center;min-height:52px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--rr-panel) 96%,transparent);border-top:1px solid var(--rr-line);backdrop-filter:blur(16px)}.reader-nav-btn{width:34px;height:34px;border:0;background:transparent;color:var(--rr-text);font-size:25px;display:grid;place-items:center}.reader-nav-btn:last-child{justify-self:end}.reader-nav-btn:disabled{opacity:.28}.reader-footer-center{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;white-space:nowrap}.reader-listen-trigger{width:30px;height:30px;border:0;border-radius:50%;background:var(--rr-soft);color:var(--rr-accent);display:grid;place-items:center;padding:0;font-size:10px;font-weight:900}.reader-progress-copy{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10.5px;color:var(--rr-muted)}.reader-progress-copy b{color:var(--rr-text);font-weight:800}.reader-progress-copy small{font-size:9px}.reader-progress-copy small:before{content:"·";margin-right:4px}
.reader-overlay{position:fixed;inset:0;z-index:43;background:rgba(31,22,25,.23);backdrop-filter:blur(2px)}.reader-drawer{position:fixed;z-index:45;top:0;bottom:0;width:min(410px,100vw);background:var(--rr-panel);color:var(--rr-text);box-shadow:0 0 40px rgba(44,27,33,.18);transition:transform .22s ease;display:flex;flex-direction:column}.reader-drawer-left{left:0;transform:translateX(-104%)}.reader-drawer-right{right:0;transform:translateX(104%)}.reader-drawer.open{transform:translateX(0)}.reader-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--rr-line)}.reader-drawer-head h3{margin:0;color:var(--rr-accent);font:400 20px Georgia,'Times New Roman',serif}.reader-drawer-head button{width:34px;height:34px;border:0;background:transparent;color:var(--rr-text);font-size:24px}.reader-drawer-body{padding:14px 14px 90px;overflow:auto}
.reader-meta-item,.reader-chapter-item{width:100%;border:1px solid var(--rr-line);background:transparent;color:var(--rr-text);border-radius:15px;text-align:left;padding:11px 12px;margin-bottom:7px}.reader-meta-item strong{display:block;font-size:11px}.reader-meta-item span{display:block;color:var(--rr-muted);font-size:9px;margin-top:2px}.reader-chapter-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;font-size:11px}.reader-chapter-item>span{width:26px;height:26px;border-radius:9px;background:var(--rr-soft);color:var(--rr-accent);display:grid;place-items:center;font-size:9px;font-weight:900}.reader-chapter-item.active{border-color:rgba(255,90,167,.45);color:var(--rr-accent)}
.reader-setting-group{padding:13px 0;border-bottom:1px solid var(--rr-line)}.reader-setting-group>span{display:block;margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--rr-muted)}.reader-pill-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.reader-pill-row.two{grid-template-columns:1fr 1fr}.reader-pill-row button,.reader-stepper button{min-height:38px;border:1px solid var(--rr-line);border-radius:999px;background:transparent;color:var(--rr-text);font-size:9px;font-weight:800;padding:7px 8px}.reader-pill-row button.active{border-color:var(--rr-accent);background:var(--rr-soft);color:var(--rr-accent)}.reader-stepper{display:grid;grid-template-columns:42px minmax(0,1fr) auto 42px;gap:7px;align-items:center}.reader-stepper input{width:100%;accent-color:var(--rr-accent)}.reader-stepper b{min-width:48px;text-align:center;font-size:9px;color:var(--rr-muted)}.reader-resource-note{border:1px solid var(--rr-line);border-radius:16px;padding:11px;background:var(--rr-soft);color:var(--rr-muted);font-size:9px;line-height:1.5}.reader-reset{width:100%;margin-top:14px;min-height:42px;border:1px solid var(--rr-line);border-radius:999px;background:transparent;color:var(--rr-muted);font-size:10px;font-weight:800}
.reader-empty-note{border:1px dashed var(--rr-line);border-radius:17px;padding:17px;color:var(--rr-muted);font-size:10px;line-height:1.55;text-align:center}.reader-mark-item{border:1px solid var(--rr-line);border-radius:16px;padding:12px;margin-bottom:8px}.reader-mark-item p{margin:0;color:var(--rr-text);font:400 14px/1.45 Georgia,serif}.reader-mark-item button{margin-top:8px;border:0;background:transparent;color:var(--rr-accent);font-size:9px;font-weight:900;padding:0}
.reader-selection-toolbar{position:fixed;z-index:48;left:8px;right:8px;bottom:calc(62px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;border:1px solid var(--rr-line);border-radius:16px;background:var(--rr-panel);box-shadow:0 13px 34px rgba(44,27,33,.18)}.reader-selection-toolbar button{min-height:40px;border:0;border-radius:12px;background:var(--rr-soft);color:var(--rr-accent);padding:7px 11px;font-size:10px;font-weight:900}.mark-swatch{display:block;width:24px;height:24px;border-radius:50%;background:rgba(255,90,167,.55)}.mark-swatch.yellow{background:#f0cf56}.mark-swatch.lilac{background:#bb91ef}
.reader-auto-next{position:fixed;z-index:50;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100vw - 28px));padding:14px 16px;border:1px solid rgba(255,90,167,.24);border-radius:18px;background:var(--rr-panel);box-shadow:0 18px 48px rgba(77,42,52,.18);color:var(--rr-text)}.reader-auto-next strong{display:block;color:var(--rr-accent);font:400 17px Georgia,serif}.reader-auto-next>span{display:block;margin-top:3px;font-size:11px;color:var(--rr-muted)}.reader-auto-next>div{display:flex;gap:8px;margin-top:11px}.reader-auto-next button{flex:1;min-height:38px;border-radius:999px;border:1px solid var(--rr-accent);font-size:9px;font-weight:900}.reader-auto-next button:first-child{background:var(--rr-accent);color:#fff}.reader-auto-next button:last-child{background:transparent;color:var(--rr-accent)}
.offline-speech-player{position:fixed;z-index:39;left:50%;bottom:calc(62px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100vw - 22px);max-width:430px;display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:8px;align-items:center;padding:10px;border:1px solid var(--rr-line);border-radius:18px;background:var(--rr-panel);box-shadow:0 16px 40px rgba(44,27,33,.17)}.speech-play{width:42px;height:42px;border:0;border-radius:50%;background:var(--rr-accent);color:#fff;font-size:17px}.speech-body{min-width:0}.speech-body strong{display:block;color:var(--rr-text);font-size:11px}.speech-body small{display:block;color:var(--rr-muted);font-size:8px;margin-top:1px}.speech-controls{display:flex;gap:4px;margin-top:6px}.speech-controls button{height:29px;min-width:30px;border:1px solid var(--rr-line);border-radius:9px;background:transparent;color:var(--rr-text);font-size:10px}.speech-close{width:29px;height:29px;border:0;background:transparent;color:var(--rr-muted);font-size:20px}
@media(min-width:761px){.reader-reading-wrap{padding-left:32px;padding-right:32px}.reader-setting-group.reader-online-only{display:block}}