/* Única fonte de valores de cor: interface, leitura e amostras. */ :root,html[data-theme="rose"]{--cor-principal:#512A3E;--cor-secundaria:#986B7C;--cor-apoio:#D7B4C1;--cor-fundo:#F8F1ED;--cor-texto:#2A2230;--cor-dourado:#9A742F} html[data-theme="jardim"]{--cor-principal:#384E43;--cor-secundaria:#738B77;--cor-apoio:#C6D1BE;--cor-fundo:#F7F6EE;--cor-texto:#243028} html[data-theme="perola"]{--cor-principal:#4D4767;--cor-secundaria:#817A9B;--cor-apoio:#D9D1E7;--cor-fundo:#FAF8FC;--cor-texto:#292536} :root{--cor-branco:#ffffff;--cor-preto:#000000;--cor-superficie:color-mix(in srgb,var(--cor-fundo) 55%,var(--cor-branco));--cor-suave:color-mix(in srgb,var(--cor-fundo) 65%,var(--cor-apoio));--cor-borda:color-mix(in srgb,var(--cor-apoio) 65%,var(--cor-fundo));--cor-texto-suave:color-mix(in srgb,var(--cor-texto) 75%,var(--cor-fundo));--cor-texto-dourado:color-mix(in srgb,var(--cor-dourado) 75%,var(--cor-texto));--wine:var(--cor-principal);--rose:var(--cor-secundaria);--line:var(--cor-borda);--paper:var(--cor-fundo);--pink:var(--cor-suave);--gold:var(--cor-dourado);--muted:var(--cor-texto-suave);--surface:var(--cor-superficie)} :root{--leitura-f6efe3:#f6efe3;--leitura-2a2230:#2a2230;--leitura-ffffff:#ffffff;--leitura-222222:#222222;--leitura-fbf2f5:#fbf2f5;--leitura-3a2630:#3a2630;--leitura-1c1a20:#1c1a20;--leitura-e8e2d9:#e8e2d9;--leitura-986b7c:#986b7c;--leitura-9a742f:#9a742f;--leitura-00000088:#00000088;} .palette-card[data-palette="rose"]{--amostra-0:#512A3E;--amostra-1:#986B7C;--amostra-2:#D7B4C1;--amostra-3:#F8F1ED;} .palette-card[data-palette="jardim"]{--amostra-0:#384E43;--amostra-1:#738B77;--amostra-2:#C6D1BE;--amostra-3:#F7F6EE;} .palette-card[data-palette="perola"]{--amostra-0:#4D4767;--amostra-1:#817A9B;--amostra-2:#D9D1E7;--amostra-3:#FAF8FC;} /* Aliases governam componentes existentes; leitura usa seus tokens independentes. */ body:not(.reading){--wine:var(--cor-principal);--rose:var(--cor-secundaria);--line:var(--cor-borda);--paper:var(--cor-fundo);--pink:var(--cor-suave);--gold:var(--cor-dourado);--muted:var(--cor-texto-suave);--surface:var(--cor-superficie);background:var(--cor-fundo);color:var(--cor-texto)} body:not(.reading) h1,body:not(.reading) h2,body:not(.reading) h3,.brand{color:var(--cor-principal)} body:not(.reading) p,body:not(.reading) small{color:var(--cor-texto-suave)} body:not(.reading) .kicker,.home-verse figcaption,.lib-selected-collection span{color:var(--cor-texto-dourado)} body:not(.reading) .btn{background:var(--cor-principal);color:var(--cor-fundo);border-color:var(--cor-principal)} body:not(.reading) .btn.secondary{background:transparent;color:var(--cor-principal);border-color:var(--cor-apoio)} body:not(.reading) .caption,body:not(.reading) .text-link,body:not(.reading) .collection{color:var(--cor-principal)} body:not(.reading) :focus-visible{outline-color:var(--cor-principal)} .palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} .palette-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;min-height:110px;min-width:0;border:1px solid var(--cor-apoio);border-radius:14px;background:var(--cor-superficie);color:var(--cor-principal);font:500 13px/1.4 'DM Sans',sans-serif;text-align:left} .palette-card[aria-pressed=true]{border-color:var(--cor-dourado);outline:1px solid var(--cor-dourado);outline-offset:2px} .palette-swatches{display:flex;gap:6px}.palette-swatches i{display:block;width:24px;height:24px;border-radius:50%;border:1px solid var(--cor-apoio)} .palette-swatches i:nth-child(1){background:var(--amostra-0)}.palette-swatches i:nth-child(2){background:var(--amostra-1)}.palette-swatches i:nth-child(3){background:var(--amostra-2)}.palette-swatches i:nth-child(4){background:var(--amostra-3)} .palette-card strong{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:500}.palette-check{font-size:17px;color:var(--cor-principal)} @media(max-width:350px){.palette-grid{grid-template-columns:1fr}} /* Cartões simplificados: uma cor representativa e nome centralizado. */ .palette-card{align-items:center;justify-content:center;gap:14px;min-height:136px;padding:24px 14px 20px;text-align:center;border-radius:20px} .palette-swatches{justify-content:center} .palette-swatches i{width:34px;height:34px;border:2px solid var(--cor-apoio);border-radius:50%} .palette-card strong{display:block;font-size:15px;font-weight:500;line-height:1.4} .palette-check{position:absolute;right:14px;top:10px;font-size:21px;color:var(--cor-dourado)} .palette-card[aria-pressed=true]{border:2px solid var(--cor-dourado);outline:1px solid var(--cor-dourado);outline-offset:2px} /* Versão compacta: amostra e nome lado a lado, sem contorno duplicado. */ .palette-grid{gap:10px} .palette-card{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:66px;padding:13px 12px;border-radius:12px} .palette-swatches{flex:0 0 auto}.palette-swatches i{width:23px;height:23px;border-width:1px} .palette-card strong{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:5px;text-align:left;font-size:12px;font-weight:500} .palette-check{position:static;display:inline-block;flex:0 0 13px;font-size:15px;line-height:1} .palette-card[aria-pressed=true]{border:1px solid var(--cor-dourado);outline:none;box-shadow:inset 0 0 0 .5px var(--cor-dourado)} /* Capas em destaque: sem molduras duplas nem margem interna. */ .home-cover,.lib-cover,.cover-wrap,.detail-cover,.mini-cover{padding:0;border:0;border-radius:3px;background:transparent;overflow:hidden;aspect-ratio:2/3;box-shadow:0 3px 9px color-mix(in srgb,var(--cor-principal) 10%,transparent)} .home-cover:after,.lib-cover:after,.cover-wrap:after,.detail-cover:after,.mini-cover:after{display:none} .home-cover img,.lib-cover img,.cover-wrap img,.detail-cover img,.mini-cover img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0;padding:0;filter:none;box-shadow:none} /* Acabamento de capa dura: usa a arte original, sem imagens adicionais. */ :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover){position:relative;display:block;aspect-ratio:2/3;padding:0 5px 0 14px;margin:3px 2px 0 1px;overflow:visible;background:transparent;border:0;border-radius:4px;box-shadow:0 5px 9px color-mix(in srgb,var(--cor-texto) 15%,transparent)} :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover) img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;border-radius:1px 3px 2px 0;border:0;box-shadow:inset 1px 0 0 var(--cor-dourado);filter:none} :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover):before{content:attr(data-spine);display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;left:0;top:0;bottom:0;width:14px;border-radius:6px 1px 1px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--cor-texto) 35%,var(--cor-principal)),var(--cor-principal) 45%,color-mix(in srgb,var(--cor-principal) 65%,var(--cor-secundaria)) 80%,var(--cor-principal));border-right:1px solid var(--cor-dourado);color:var(--cor-dourado);writing-mode:vertical-rl;transform:rotate(180deg);font:7px/1 Georgia,serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0} :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover):after{content:'';display:block;position:absolute;z-index:1;right:0;top:3px;bottom:2px;width:7px;border-radius:0 3px 3px 0;background:repeating-linear-gradient(90deg,var(--cor-fundo) 0px,var(--cor-fundo) 1px,var(--cor-apoio) 1px,var(--cor-apoio) 2px);border-right:1px solid var(--cor-principal);box-shadow:1px 1px 2px color-mix(in srgb,var(--cor-texto) 15%,transparent)} .library-screen .lib-book h2{font:600 clamp(20px,4.8vw,27px)/1.15 'Cormorant Garamond',Georgia,serif;margin:17px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em} .library-screen .lib-book .lib-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em;margin:0;font:11px/1.5 'DM Sans',sans-serif;color:var(--cor-principal)} .library-screen .lib-know{display:flex;align-items:center;min-height:44px;font:600 11px/1.4 'DM Sans',sans-serif;color:var(--cor-principal)} .library-screen .lib-grid{row-gap:25px;column-gap:22px} /* Mesmo acabamento do catálogo no detalhe, preservando a escala da tela. */ .detail .detail-cover{width:100%;max-width:260px;justify-self:center;margin:3px auto 0}.detail .detail-cover img{max-height:none} /* Paleta em camada nativa: o main e sua rolagem permanecem intactos. */ button.top-settings{border:0;background:transparent;color:var(--cor-principal);padding:8px;min-height:44px;cursor:pointer;font-family:inherit} .app-settings-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid var(--cor-apoio);border-radius:18px;background:var(--cor-fundo);color:var(--cor-texto);box-shadow:0 15px 50px color-mix(in srgb,var(--cor-texto) 18%,transparent);overflow-y:auto;overscroll-behavior:contain} .app-settings-dialog::backdrop{background:color-mix(in srgb,var(--cor-texto) 38%,transparent)} .app-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.app-settings-heading h1{font:600 32px/1.1 'Cormorant Garamond',Georgia,serif;margin:0;color:var(--cor-principal)} .app-settings-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--cor-apoio);border-radius:50%;color:var(--cor-principal);background:transparent;font:26px/1 'DM Sans',sans-serif} .app-settings-content .settings-group{margin:0;padding:0;border:0}.app-settings-content .settings-group h2{font:500 15px/1.4 'DM Sans',sans-serif;margin:0 0 14px} /* Terracota substitui Vinho; novas cores inspiradas nas referencias da Cintya. */ html[data-theme="terracota"]{--cor-principal:#934B36;--cor-secundaria:#B8755C;--cor-apoio:#DEC1AF;--cor-fundo:#FBF3EB;--cor-texto:#35251F;} .palette-card[data-palette="terracota"]{--amostra-0:#934B36;} html[data-theme="misty"]{--cor-principal:#3D5969;--cor-secundaria:#7897A8;--cor-apoio:#C6D5DD;--cor-fundo:#F1F6F8;--cor-texto:#24343E;} .palette-card[data-palette="misty"]{--amostra-0:#3D5969;} html[data-theme="dusty"]{--cor-principal:#765348;--cor-secundaria:#BDA197;--cor-apoio:#DDC9C2;--cor-fundo:#FAF3F0;--cor-texto:#382A26;} .palette-card[data-palette="dusty"]{--amostra-0:#765348;} .palette-card[data-palette="misty"]{--amostra-0:#A8BBC6}.palette-card[data-palette="dusty"]{--amostra-0:#BDA197} /* Miniatura encadernada proporcional, sem alterar a área do card. */ .home-continue .mini-cover{padding-left:5px;padding-right:3px;margin:0;border-radius:2px} .home-continue .mini-cover:before{width:5px;font-size:0;padding:0;border-radius:3px 0 0 3px} .home-continue .mini-cover:after{width:4px;top:2px;bottom:1px} /* Ajuda: cores da interface, corpo rolável e ações sempre acessíveis. */ .top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-actions button{font-family:'DM Sans',sans-serif;font-size:12px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--cor-principal);display:flex;align-items:center;gap:5px;cursor:pointer} .help-dialog{width:min(500px,calc(100vw - 24px));height:min(700px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid var(--cor-apoio);border-radius:20px;background:var(--cor-fundo);color:var(--cor-texto);overflow:hidden;box-shadow:0 12px 40px color-mix(in srgb,var(--cor-texto) 18%,transparent)} .help-dialog[open]{display:flex;flex-direction:column;gap:20px}.help-dialog::backdrop{background:color-mix(in srgb,var(--cor-texto) 40%,transparent)} .help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.help-header .kicker{font-size:9px;margin:0 0 9px}.help-header h1{font:600 31px/1.1 'Cormorant Garamond',Georgia,serif;margin:0;color:var(--cor-principal)} .help-close{flex-shrink:0;display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--cor-apoio);border-radius:12px;background:transparent;color:var(--cor-principal);font-size:25px} .help-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 5px;font:14px/1.7 'DM Sans',sans-serif}.help-body p{margin:0 0 16px;color:var(--cor-texto)}.help-body h2{font:600 19px/1.3 'Cormorant Garamond',Georgia,serif;color:var(--cor-principal);margin:18px 0 8px}.help-body ol{padding-left:22px}.help-body li{margin-bottom:10px}.help-email{font-weight:600;text-decoration:underline;overflow-wrap:anywhere;color:var(--cor-principal)}.help-body .help-note{font-size:12px;color:var(--cor-texto-suave)} .help-footer{display:grid;gap:9px;flex-shrink:0}.help-footer button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:48px;padding:12px 15px;border:1px solid var(--cor-principal);border-radius:12px;background:var(--cor-principal);color:var(--cor-fundo);font:500 12px/1.4 'DM Sans',sans-serif}.help-footer button+button{background:var(--cor-superficie);color:var(--cor-principal)}.help-footer button span{font-size:21px} @media(max-width:420px){.topbar{gap:8px;padding-left:16px;padding-right:16px}.top-actions{gap:1px}.top-actions button{font-size:11px;padding:7px 5px}.brand{min-width:0;font-size:23px;gap:7px}.brand small{font-size:7px;letter-spacing:0}.help-dialog{padding:18px;gap:16px}} /* Altura acompanha o conteúdo; instalação segue o fluxo do Sua Jornada. */ .help-dialog{height:fit-content;max-height:calc(100dvh - 40px)} .help-dialog[open]{gap:20px} .help-body{flex:0 1 auto} .help-footer{margin-top:2px} .help-body .help-flow-back{display:inline-flex;align-items:center;min-height:44px;padding:5px 0;margin:0 0 16px;border:0;background:transparent;color:var(--cor-principal);font:500 12px/1.4 'DM Sans',sans-serif;text-align:left} .help-body .help-flow-eyebrow{font-size:9px;margin:0 0 9px;color:var(--cor-texto-dourado)} .help-body .help-platform-title{font:600 28px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 12px} .help-platform-button>span:nth-child(2){display:grid;gap:3px;flex:1}.help-platform-button b{font-size:15px;font-weight:600}.help-platform-button small{font-size:12px;color:inherit}.help-platform-button .help-platform-symbol{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;font-size:22px} .help-guide-steps{list-style:none;padding:0!important;margin:20px 0;counter-reset:help-step;display:grid;gap:12px} .help-guide-steps li{position:relative;counter-increment:help-step;border:1px solid var(--cor-apoio);border-radius:12px;background:var(--cor-superficie);padding:13px 12px 13px 48px;margin:0!important;display:grid;gap:5px} .help-guide-steps li:before{content:counter(help-step);position:absolute;left:12px;top:13px;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--cor-dourado);border-radius:50%;color:var(--cor-principal);font:600 12px/1 'DM Sans',sans-serif} .help-guide-steps li b{font-size:13px;line-height:1.45;color:var(--cor-principal)}.help-guide-steps li span{font-size:12px;line-height:1.6;color:var(--cor-texto)} .help-body .help-guide-note{font-size:12px;line-height:1.6;margin-bottom:0} .help-dialog[data-view="install"] .help-footer{margin-top:6px} @media(max-width:420px){.help-dialog{max-height:calc(100dvh - 28px)}.help-header h1{font-size:28px}} .top-actions [data-open-help]{gap:6px}.help-nav-icon{display:block;flex:0 0 18px;width:18px;height:18px} /* Grifos não alteram altura, fonte ou posição dos blocos paginados. */ :root{--grifo-rose:#f1d6df;--grifo-gold:#f3e3b5;--grifo-sage:#dce8d6;--grifo-lavender:#e4ddf2;--grifo-line-rose:#bd738b;--grifo-line-gold:#bc9134;--grifo-line-sage:#6e936b;--grifo-line-lavender:#9180b8} [data-highlight="rose"],[data-mark-color="rose"]{--grifo-bg:var(--grifo-rose);--grifo-line:var(--grifo-line-rose)} [data-highlight="gold"],[data-mark-color="gold"]{--grifo-bg:var(--grifo-gold);--grifo-line:var(--grifo-line-gold)} [data-highlight="sage"],[data-mark-color="sage"]{--grifo-bg:var(--grifo-sage);--grifo-line:var(--grifo-line-sage)} [data-highlight="lavender"],[data-mark-color="lavender"]{--grifo-bg:var(--grifo-lavender);--grifo-line:var(--grifo-line-lavender)} .r-content>[data-highlight-anchor]{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none} .r-content>[data-highlight]{background:color-mix(in srgb,var(--grifo-bg) 60%,var(--read-bg));box-shadow:inset 3px 0 var(--grifo-line);-webkit-box-decoration-break:clone;box-decoration-break:clone} html[data-read-theme="dark"] .r-content>[data-highlight]{background:transparent;box-shadow:inset 3px 0 var(--grifo-line)} .highlight-picker{position:fixed;inset:auto 12px max(16px,env(safe-area-inset-bottom));margin:0 auto;width:min(390px,calc(100vw - 24px));padding:18px;max-height:80dvh} .highlight-picker h2{font-size:25px;margin:0}.highlight-picker header{margin-bottom:15px} .highlight-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .highlight-color{display:grid;place-items:center;gap:7px;min-width:0;min-height:70px;padding:8px 3px;border:1px solid currentColor;border-radius:10px;color:var(--read-ink);background:var(--read-bg);font:11px/1.4 'DM Sans',sans-serif} .highlight-color[aria-pressed="true"]{outline:2px solid currentColor;outline-offset:2px}.highlight-color i{width:24px;height:24px;border-radius:50%} .highlight-color[data-highlight-color="rose"] i{background:var(--grifo-rose)}.highlight-color[data-highlight-color="gold"] i{background:var(--grifo-gold)}.highlight-color[data-highlight-color="sage"] i{background:var(--grifo-sage)}.highlight-color[data-highlight-color="lavender"] i{background:var(--grifo-lavender)} .highlight-remove{margin-top:14px;min-height:44px}.highlight-picker .highlight-status{color:var(--read-ink);font-size:11px;margin:10px 0 0} .highlight-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.highlight-filters label{display:grid;gap:7px;font:12px 'DM Sans',sans-serif;color:var(--cor-texto)}.highlight-filters select{min-width:0;width:100%;min-height:44px;border:1px solid var(--cor-apoio);border-radius:9px;padding:8px;background:var(--cor-superficie);color:var(--cor-principal)} .highlight-entry{border:1px solid var(--cor-apoio);border-left:4px solid var(--grifo-line);border-radius:12px;padding:14px;margin-bottom:14px;background:var(--cor-superficie)} .highlight-entry-link{display:flex;gap:14px;align-items:flex-start;min-height:44px}.highlight-entry-link img{flex:none;width:48px;height:72px;object-fit:contain}.highlight-entry-link h3{font:600 22px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 9px}.highlight-entry-link p{font:13px/1.6 'DM Sans',sans-serif;margin:0 0 8px;color:var(--cor-texto)}.highlight-entry-link small{font:11px 'DM Sans',sans-serif;color:var(--cor-texto-suave)} .highlight-delete{min-height:44px;margin:8px 0 0;padding:8px 0;border:0;background:transparent;color:var(--cor-principal);font:500 12px 'DM Sans',sans-serif;text-decoration:underline} /* ===== Home repaginada (nível Kindle): título, busca, chips, estante limpa ===== */ .home-v2{padding-bottom:calc(30px + env(safe-area-inset-bottom))} .home-v2 .hv-title{font:600 clamp(34px,8vw,44px)/1 'Cormorant Garamond',Georgia,serif;color:var(--cor-principal);margin:6px 0 16px;letter-spacing:-.01em} .home-v2 .hv-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:999px;background:var(--cor-superficie);border:1px solid var(--cor-borda);color:var(--cor-texto-suave);box-shadow:0 2px 8px color-mix(in srgb,var(--cor-principal) 8%,transparent);text-decoration:none;font-size:15px} .home-v2 .hv-search svg{width:20px;height:20px;flex:0 0 20px;color:var(--cor-secundaria);fill:none;stroke:currentColor;stroke-width:1.7} .home-v2 .hv-chips{display:flex;gap:9px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none} .home-v2 .hv-chips::-webkit-scrollbar{display:none} .home-v2 .hv-chip{flex:0 0 auto;min-height:40px;padding:0 18px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--cor-borda);background:transparent;color:var(--cor-principal);font:600 13px 'DM Sans',sans-serif;text-decoration:none} .home-v2 .hv-chip[aria-current=page]{background:var(--cor-principal);color:var(--cor-fundo);border-color:var(--cor-principal)} .home-v2 .hv-shelf{grid-auto-columns:min(150px,40vw)} .home-v2 .hv-book{scroll-snap-align:start;text-decoration:none;color:inherit;display:block} .home-v2 .hv-cap{aspect-ratio:2/3;border-radius:7px;overflow:hidden;box-shadow:0 10px 24px color-mix(in srgb,var(--cor-principal) 16%,transparent);transition:transform .18s ease} .home-v2 .hv-cap img{width:100%;height:100%;object-fit:contain;display:block} .home-v2 .hv-book:active .hv-cap{transform:scale(.97)} .home-v2 .hv-book h3{font:600 19px/1.15 'Cormorant Garamond',Georgia,serif;color:var(--cor-principal);margin:12px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.3em} .home-v2 .hv-book small{font-size:11px;color:var(--cor-texto-suave)} @media(max-width:650px){.home-v2 .hv-shelf{grid-auto-columns:40vw!important;scroll-snap-type:x proximity}.home-v2 .hv-title{margin-top:0}} @media(prefers-reduced-motion:no-preference){.home-v2>*{animation:hvUp .5s cubic-bezier(.22,.8,.22,1) both}.home-v2>*:nth-child(2){animation-delay:.04s}.home-v2>*:nth-child(3){animation-delay:.08s}.home-v2>*:nth-child(4){animation-delay:.12s}@keyframes hvUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}} /* ===== Capas limpas: aposenta a lombada em todo o app ===== */ :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover){padding:0!important;margin:0!important;border-radius:7px!important;overflow:hidden!important;box-shadow:0 8px 20px color-mix(in srgb,var(--cor-principal) 15%,transparent)!important} :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover)::before,:is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover)::after{content:none!important;display:none!important} :is(.library-screen .lib-cover,.detail .detail-cover,.book .cover-wrap,.home-continue .mini-cover) img{object-fit:contain!important;border-radius:7px!important;box-shadow:none!important} /* ===== Nav inferior flutuante com ativo preenchido ===== */ .bottom-nav{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:4px;width:320px;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid var(--cor-borda);border-radius:26px;background:color-mix(in srgb,var(--cor-superficie) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px color-mix(in srgb,var(--cor-principal) 16%,transparent);z-index:40;justify-content:center} .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1 1 0;min-width:0;min-height:54px;padding:8px 6px;border-radius:16px;color:var(--cor-secundaria);text-decoration:none;font:600 11px/1 'DM Sans',sans-serif;white-space:nowrap} .bottom-nav a svg{width:22px;height:22px;flex:0 0 22px;stroke-width:1.8} .bottom-nav a span{display:block} .bottom-nav a[aria-current=page]{background:color-mix(in srgb,var(--cor-principal) 13%,var(--cor-superficie));color:var(--cor-principal)} .bottom-nav a[aria-current=page] svg{color:var(--cor-principal);background:none;border-radius:0;box-shadow:none} body:not(.reading){padding-bottom:calc(86px + env(safe-area-inset-bottom))} body.reading .bottom-nav{display:none} /* ===== Ícone de favoritar (SVG no lugar do emoji) ===== */ .fav-icon .fav-svg{width:24px;height:24px;display:block} /* ===== Marca Elivora no topo ===== */ .brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1;min-width:0} .brand .elivora-brand-logo{height:26px;width:auto;max-width:150px;object-fit:contain;display:block} .brand .brand-sub{font:500 9.5px/1.3 'DM Sans',sans-serif;letter-spacing:.05em;color:var(--cor-texto-suave);text-transform:none} @media(max-width:420px){.brand .elivora-brand-logo{height:23px}.brand .brand-sub{font-size:9px;letter-spacing:.02em}} /* ===== Bloco de download no detalhe do livro ===== */ .download-box{margin-top:22px;padding:16px 16px 14px;border:1px solid var(--cor-borda);border-radius:14px;background:var(--cor-superficie)} .download-title{font:600 11px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--cor-dourado);margin:0 0 12px} .download-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .download-actions .btn.secondary{min-height:44px} .download-ok{display:inline-flex;align-items:center;gap:6px;font:600 13px 'DM Sans',sans-serif;color:var(--cor-principal)} .download-note{display:block;margin-top:12px;font-size:11px;line-height:1.5;color:var(--cor-texto-suave)} /* ============================================================ MODO ESCURO — mesma paleta, tons invertidos No claro, o fundo é o tom claro da paleta e o texto o escuro. No escuro, o fundo vira o tom escuro da paleta e o texto o claro. Tudo deriva da cor média (--cor-secundaria): escurecida = fundo, clareada = texto/acento. Assim cada paleta guarda sua identidade. Fonte única: só --cor-secundaria e --cor-dourado são lidas aqui (nenhuma é reescrita), evitando referência circular de variáveis. ============================================================ */ html[data-modo="escuro"]{ color-scheme:dark; --cor-fundo:color-mix(in srgb,var(--cor-secundaria) 30%,#0f0c12); --cor-superficie:color-mix(in srgb,var(--cor-secundaria) 36%,#171320); --cor-suave:color-mix(in srgb,var(--cor-secundaria) 42%,#1d1826); --cor-borda:color-mix(in srgb,var(--cor-secundaria) 48%,#2e2838); --cor-apoio:color-mix(in srgb,var(--cor-secundaria) 52%,#39323f); --cor-principal:color-mix(in srgb,var(--cor-secundaria) 42%,#ffffff); --cor-texto:color-mix(in srgb,var(--cor-secundaria) 22%,#f5eff3); --cor-texto-suave:color-mix(in srgb,var(--cor-secundaria) 40%,#a39ca7); --cor-texto-dourado:color-mix(in srgb,var(--cor-dourado) 55%,#ffe4ad); --cor-dourado:color-mix(in srgb,var(--cor-dourado) 70%,#f0cf8e); } /* sombras mais discretas no escuro */ html[data-modo="escuro"] body:not(.reading){--sombra:0 10px 30px rgba(0,0,0,.45)} /* ícones dos cartões de Apariencia (sol/lua) */ .mode-ico{display:block;width:26px;height:26px;border-radius:50%} .mode-claro{background:radial-gradient(circle at 50% 50%,#ffe6ad 0 42%,#f0cf8e 43% 100%);box-shadow:0 0 0 3px color-mix(in srgb,var(--cor-dourado) 40%,transparent)} .mode-escuro{background:#1d1826;box-shadow:inset -7px -3px 0 -1px color-mix(in srgb,var(--cor-apoio) 85%,#fff)} /* logo clara no modo escuro (texto branco + chama dourada) */ html[data-modo="escuro"] .elivora-brand-logo{content:url('assets/marca/elivora-branca.png')} /* linha de temas, logo abaixo da busca */ .home-v2 .hv-temas{padding:14px 0 2px} /* centraliza a linha de navegação (Tudo/Favoritos/Lendo/Colecciones) */ .home-v2 .hv-chips:not(.hv-temas){justify-content:center} /* "Eliminar descarga" é