/* Marverso PWA offline chrome v10 — 2026-09-07
   Usa viewport real (sem zoom global), replicando o padrão mobile do site. */
:root{--mv-rose:#ff5aa7;--mv-rose-dark:#db337f;--mv-paper:#fffdfb;--mv-ink:#33282b;--mv-muted:#786b6f;--mv-line:rgba(255,90,167,.20)}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body:not(.live-site-open){zoom:1!important;width:100%!important;min-height:100dvh!important}
body:not(.live-site-open) .app-shell{width:100%!important;min-height:100dvh!important}
body:not(.live-site-open) .main-area{width:100%!important;max-width:none!important}

/* Cabeçalho: mesmas proporções do Marverso mobile */
body:not(.live-site-open) .site-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:154px;padding:18px 14px 16px;background:rgba(255,253,251,.97);border-bottom:1px solid var(--mv-line);box-shadow:none;position:relative;z-index:22}
body:not(.live-site-open) .site-header.hidden{display:none!important}
body:not(.live-site-open) .mobile-actions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;order:1}
body:not(.live-site-open) .streak-button,body:not(.live-site-open) .profile-button,body:not(.live-site-open) .icon-button{height:46px;border:1px solid var(--mv-line);background:#fff;color:var(--mv-rose-dark);box-shadow:0 5px 16px rgba(120,71,82,.04)}
body:not(.live-site-open) .streak-button{min-width:70px;padding:0 14px;border-radius:999px;gap:7px}
body:not(.live-site-open) .streak-flame{font-size:21px}
body:not(.live-site-open) .profile-button{width:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
body:not(.live-site-open) .profile-button .avatar{width:34px!important;height:34px!important;border:1px solid rgba(255,90,167,.22)!important;border-radius:50%;display:grid;place-items:center;background:#fff7fb!important;color:var(--mv-rose);font:400 19px Georgia,serif}
body:not(.live-site-open) .icon-button{width:46px;min-width:46px;border-radius:50%;display:grid;place-items:center;padding:0}
body:not(.live-site-open) .icon-button svg{width:20px;height:20px}
body:not(.live-site-open) .header-net-dot{width:7px;height:7px;right:8px;top:7px}
body:not(.live-site-open) .brand{order:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:2px auto 0;border:0;background:transparent;padding:0;color:var(--mv-rose)}
body:not(.live-site-open) .brand-star{font-size:25px;color:var(--mv-rose)}
body:not(.live-site-open) .brand strong{font-family:Georgia,'Times New Roman',serif!important;font-size:31px!important;line-height:1!important;font-style:italic!important;font-weight:700!important;color:var(--mv-rose)!important;letter-spacing:-.02em}

/* Rodapé mobile: sem emoji; SVGs lineares e tipografia do site */
body:not(.live-site-open) .mobile-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;width:100%!important;height:68px;padding:6px 8px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;background:rgba(255,253,251,.98);border-top:1px solid var(--mv-line);box-shadow:0 -4px 18px rgba(96,55,67,.03);backdrop-filter:blur(16px)}
body:not(.live-site-open) .mobile-nav.hidden{display:none!important}
body:not(.live-site-open) .mobile-nav button{appearance:none;border:0;background:transparent;color:#817579;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-width:0;padding:2px 1px 0;font:400 9px/1.1 Arial,Helvetica,sans-serif;white-space:nowrap}
body:not(.live-site-open) .mobile-nav button svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:not(.live-site-open) .mobile-nav button.active,body:not(.live-site-open) .mobile-nav button[aria-current="page"]{color:var(--mv-rose-dark);font-weight:800}

/* Biblioteca: maior, mas usando a largura real do aparelho */
body:not(.live-site-open):not(.offline-reader-open) .downloads-view{width:100%!important;max-width:none!important}
body:not(.live-site-open):not(.offline-reader-open) .offline-page-v2{width:100%;min-height:calc(100dvh - 222px);padding:22px 18px 94px;background:linear-gradient(180deg,#fffdfb 0%,#fffaf7 100%)}
body:not(.live-site-open) .offline-page-head{grid-template-columns:40px minmax(0,1fr);gap:13px;margin:4px 0 18px}
body:not(.live-site-open) .offline-page-head h1{font-size:36px;line-height:1.03;max-width:none}
body:not(.live-site-open) .offline-page-head p{font-size:13px;line-height:1.45}
body:not(.live-site-open) .offline-page-head .eyebrow{font-size:10px}
body:not(.live-site-open) .offline-page-back{width:40px;height:40px;font-size:19px}
body:not(.live-site-open) .offline-status-strip{min-height:42px;margin-bottom:13px;font-size:11px}
body:not(.live-site-open) .offline-connection{font-size:11px}
body:not(.live-site-open) .offline-book-card{width:100%;grid-template-columns:82px minmax(0,1fr) auto;gap:13px;padding:12px;border-radius:22px}
body:not(.live-site-open) .offline-book-cover{width:82px;border-radius:13px}
body:not(.live-site-open) .offline-book-kicker{font-size:8px}
body:not(.live-site-open) .offline-book-copy h3{font-size:23px;line-height:1.08;overflow-wrap:anywhere}
body:not(.live-site-open) .offline-book-copy p{font-size:10px;line-height:1.45}
body:not(.live-site-open) .offline-book-card>button{min-height:42px;padding:9px 13px;font-size:10px;white-space:nowrap}

/* Leitor: viewport normal; conteúdo ligeiramente maior, chrome preservado */
body.offline-reader-open{zoom:1!important;width:100%!important;min-height:100dvh!important}
body.offline-reader-open .app-shell,body.offline-reader-open .main-area,body.offline-reader-open .reader-view,body.offline-reader-open .offline-reader-v2,body.offline-reader-open .offline-reader-shell{width:100%!important;max-width:none!important;min-height:100dvh!important}
body.offline-reader-open .reader-reading-pane{min-height:calc(100dvh - 116px)}
body.offline-reader-open .reader-reading-wrap{width:100%;max-width:760px;padding:32px 18px 94px}
body.offline-reader-open .reader-chapter-head h1{font-size:32px}
body.offline-reader-open .reader-chapter-content{font-size:20px}
body.offline-reader-open .reader-bottom-nav{width:100%;right:0}
body.offline-reader-open .reader-drawer{width:min(410px,100vw)}
body.offline-reader-open .reader-overlay{inset:0;width:auto;height:auto}
body.offline-reader-open .offline-speech-player{width:calc(100vw - 22px);max-width:430px}
body.offline-reader-open .reader-auto-next{width:min(430px,calc(100vw - 28px))}
body.offline-reader-open .reader-selection-toolbar{left:8px;right:8px;width:auto}

@media(max-width:390px){
 body:not(.live-site-open) .brand strong{font-size:29px!important}
 body:not(.live-site-open):not(.offline-reader-open) .offline-page-v2{padding-left:14px;padding-right:14px}
 body:not(.live-site-open) .offline-page-head h1{font-size:33px}
 body:not(.live-site-open) .offline-book-card{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;padding:10px}
 body:not(.live-site-open) .offline-book-cover{width:72px}
 body:not(.live-site-open) .offline-book-copy h3{font-size:20px}
 body:not(.live-site-open) .offline-book-card>button{padding:8px 10px}
}