*{box-sizing:border-box}html,body{margin:0}button,a{font:inherit}
.home-page{background:#0d0f0e;color:#fff;font-family:Arial,sans-serif}.home-header{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff22}.home-header a{color:#fff;text-decoration:none;font-weight:700}.read-small{background:#2e666c;padding:8px 14px;border-radius:9px}.hero{width:min(1100px,calc(100% - 34px));min-height:calc(100dvh - 62px);margin:auto;display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:70px;align-items:center}.hero img{width:100%;max-height:75dvh;object-fit:contain;box-shadow:0 25px 70px #0008}.eyebrow{color:#79aeb3;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font:clamp(3rem,7vw,6rem)/1 Georgia,serif;margin:.2em 0}.hero p{font:1.2rem/1.6 Georgia,serif;color:#c5ceca}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions a{min-height:48px;padding:0 19px;border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;font-weight:700}.primary{background:#2e666c;color:#fff}.secondary{border:1px solid #ffffff44;color:#fff}.home-section{padding:90px 20px;border-top:1px solid #ffffff22}.home-section h2,.about{width:min(800px,100%);margin-left:auto;margin-right:auto}.home-section h2{font:3rem Georgia,serif}.about{font:1.12rem/1.8 Georgia,serif;border:1px solid #ffffff33;border-radius:20px;padding:35px;background:#ffffff08}.signature{text-align:right}
.reader-page{height:100dvh;overflow:hidden;background:#111}.reader-app{height:100dvh;display:grid;grid-template-rows:58px 1fr 58px}.reader-header,.reader-footer{display:flex;align-items:center;background:#111513;color:#fff;z-index:20}.reader-header{justify-content:space-between;padding:0 8px}.reader-header>div:nth-child(2){display:grid;text-align:center}.reader-header span{font-size:.72rem;color:#aaa}.icon-btn{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:#fff;text-decoration:none;display:inline-grid;place-items:center}.reader-stage{position:relative;min-height:0}.reader-stage iframe{width:100%;height:100%;border:0;background:#fff}.tap{position:absolute;top:0;bottom:0;border:0;background:transparent}.tap.left{left:0;width:28%}.tap.center{left:28%;width:44%}.tap.right{right:0;width:28%}.reader-footer{gap:10px;padding:7px 10px}.reader-footer button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:2rem}.reader-footer>div{flex:1;display:grid;text-align:center;font-size:.75rem}.bar{height:4px;background:#ffffff22;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:#58a0a6}.backdrop{position:fixed;inset:0;background:#0009;z-index:80}.side-panel{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(88vw,390px);background:#171b1a;color:#fff;padding:18px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head button{font-size:1.5rem;background:none;border:1px solid #ffffff33;color:#fff;border-radius:9px;width:44px;height:44px}.side-panel #tocList{display:grid;gap:6px}.side-panel #tocList button{min-height:46px;border:1px solid #ffffff22;border-radius:8px;background:#202725;color:#fff;text-align:left;padding:10px}.settings-panel{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(800px,100%);max-height:82dvh;overflow:auto;background:#202221;color:#fff;border-radius:26px 26px 0 0}.handle{width:50px;height:6px;background:#999;border-radius:10px;margin:12px auto}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #555}.tabs button{height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:#fff}.tabs button.active{color:#45a0d5;border-bottom-color:#45a0d5}.settings-panel section{display:none;padding:25px}.settings-panel section.active{display:block}.settings-panel label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:22px 0}.settings-panel input,.settings-panel select{grid-column:1/-1;width:100%}.fonts,.themes{display:flex;gap:8px;flex-wrap:wrap}.fonts button,.themes button{padding:12px;border:1px solid #666;border-radius:9px;background:#171918;color:#fff}.hidden{display:none!important}
@media(max-width:700px){.hero{grid-template-columns:1fr;text-align:center;padding:30px 0 60px;gap:30px}.hero img{width:min(78vw,330px);margin:auto}.actions{flex-direction:column}.actions a{width:100%;justify-content:center}.reader-app{grid-template-rows:54px 1fr 54px}}
/* Refinamentos móveis do leitor */
@media(max-width:700px){
.reader-header{
padding-left:max(6px,env(safe-area-inset-left));
padding-right:max(6px,env(safe-area-inset-right));
}
.reader-footer{
padding-bottom:max(7px,env(safe-area-inset-bottom));
}
.reader-header>div:nth-child(2){
min-width:0;
max-width:52vw;
}
.reader-header strong{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.settings-panel label{
margin:18px 0;
}
.settings-panel select{
min-height:44px;
padding:8px;
border-radius:8px;
background:#171918;
color:#fff;
border:1px solid #666;
}
.tap.left,.tap.right{
width:24%;
}
.tap.center{
left:24%;
width:52%;
}
}
/* Seção de ajuda para aplicativos EPUB */
.reading-help{
padding:90px 20px;
border-top:1px solid #ffffff22;
background:#121817;
}
.reading-help>div{
width:min(980px,100%);
margin:auto;
}
.reading-help h2{
margin:0 0 12px;
font:clamp(2.2rem,5vw,3.6rem)/1.1 Georgia,serif;
}
.reading-help .help-intro{
max-width:760px;
color:#c5ceca;
font:1.08rem/1.7 Georgia,serif;
}
.device-guides{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
margin-top:30px;
}
.device-card{
padding:28px;
border:1px solid #ffffff2e;
border-radius:20px;
background:#ffffff08;
}
.device-card h3{
margin:0 0 8px;
font:1.7rem Georgia,serif;
}
.device-card ol{
padding-left:1.3rem;
line-height:1.75;
}
.device-card li{
margin:.65rem 0;
}
.device-card .device-note{
color:#aeb8b3;
font-size:.9rem;
}
.device-download{
display:inline-flex;
min-height:46px;
align-items:center;
padding:0 17px;
margin-top:8px;
border-radius:10px;
background:#2e666c;
color:#fff;
text-decoration:none;
font-weight:700;
}
@media(max-width:700px){
.device-guides{grid-template-columns:1fr}
.device-card{padding:22px}
}
/* V8: stable mobile interaction */
html,body{
touch-action:manipulation;
-webkit-text-size-adjust:100%;
}
.reader-stage,
.reader-stage iframe{
touch-action:pan-y;
}
.fonts button.selected{
border-color:#45a0d5!important;
color:#45a0d5!important;
box-shadow:0 0 0 2px rgba(69,160,213,.2);
}
@media(max-width:700px){
.reader-stage iframe{
width:100vw;
max-width:100vw;
}
.reader-stage{
overflow:hidden;
}
.tap{
pointer-events:none!important;
}
}
.keyboard-help{padding:70px 20px;border-top:1px solid #ffffff22;background:#101716;color:#fff}.keyboard-help>div{width:min(900px,100%);margin:auto}.keyboard-help span{color:#75aeb3;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.keyboard-help h2{font:clamp(2rem,5vw,3.5rem) Georgia,serif;margin:.2em 0}.keyboard-help p{max-width:700px;color:#c5ceca;line-height:1.7}.keyboard-help a{display:inline-flex;padding:12px 18px;border-radius:9px;background:#2e666c;color:#fff;text-decoration:none;font-weight:700}
.main-site-btn{
border-color:#2e666c!important;
color:#d7f0f2!important;
}
.home-page[data-theme="light"]{background:#f5f2eb;color:#171714}.home-page[data-theme="light"] .home-header{background:rgba(245,242,235,.92);border-color:#0002}.home-page[data-theme="light"] .home-header a{color:#171714}.home-page[data-theme="light"] .hero p,.home-page[data-theme="light"] .help-intro{color:#4a504d}.home-page[data-theme="light"] .home-section,.home-page[data-theme="light"] .reading-help,.home-page[data-theme="light"] .keyboard-help{background:#f5f2eb;color:#171714;border-color:#0002}.home-page[data-theme="light"] .about,.home-page[data-theme="light"] .device-card{background:#fff;border-color:#0002;color:#171714}.home-page[data-theme="light"] .secondary{color:#171714;border-color:#0005}.home-theme-controls{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:10px}.home-theme-controls button{width:38px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;display:grid;place-items:center}.home-theme-controls button.selected{border-color:#2e666c;background:color-mix(in srgb,#2e666c 20%,transparent)}.home-theme-controls svg,.actions svg,.device-card h3 svg,.device-download svg,.device-app-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.home-theme-controls button span{font-size:.72rem;font-weight:700}.actions a{gap:10px}.device-card h3{display:flex;align-items:center;gap:9px}.device-app-link{display:inline-flex;min-height:46px;align-items:center;gap:8px;padding:0 17px;margin:8px 0 0 8px;border-radius:10px;border:1px solid #2e666c;color:inherit;text-decoration:none;font-weight:700}@media(max-width:700px){.home-theme-controls{margin-right:0}.home-theme-controls button{width:34px;height:34px}.device-app-link{margin-left:0;width:100%;justify-content:center}}
/* V12 — página inicial estável e legível */
:root{
--home-bg:#fff;
--home-surface:#fff;
--home-text:#171714;
--home-muted:#39413d;
--home-border:rgba(0,0,0,.24);
--home-accent:#2e666c;
--home-accent-contrast:#fff;
}
body.home-page{
background:var(--home-bg)!important;
color:var(--home-text)!important;
transition:background .18s,color .18s;
}
body.home-page[data-theme="light"]{
--home-bg:#fff;--home-surface:#fff;--home-text:#171714;--home-muted:#39413d;--home-border:rgba(0,0,0,.24);
}
body.home-page[data-theme="sepia"]{
--home-bg:#f4e6c8;--home-surface:#faefd9;--home-text:#30271f;--home-muted:#59493b;--home-border:rgba(48,39,31,.28);
}
body.home-page[data-theme="mint"]{
--home-bg:#d7eee7;--home-surface:#e5f5ef;--home-text:#17332d;--home-muted:#31564d;--home-border:rgba(23,51,45,.28);
}
body.home-page[data-theme="dark"]{
--home-bg:#0d0f0e;--home-surface:#151817;--home-text:#f4f4f0;--home-muted:#c3ccc7;--home-border:rgba(255,255,255,.28);
}
.home-header{
background:color-mix(in srgb,var(--home-bg) 94%,transparent)!important;
border-color:var(--home-border)!important;
padding-left:clamp(18px,4vw,52px)!important;
padding-right:clamp(18px,4vw,52px)!important;
gap:clamp(18px,3vw,44px)!important;
}
.home-header>a:first-child{margin-right:auto!important;color:var(--home-text)!important}
.home-header .read-small{margin-left:16px!important;color:var(--home-accent-contrast)!important;background:var(--home-accent)!important}
.home-section,.reading-help,.keyboard-help{background:var(--home-bg)!important;color:var(--home-text)!important;border-color:var(--home-border)!important}
.hero p,.help-intro,.keyboard-help p,.device-note,.about p{color:var(--home-muted)!important}
.eyebrow,.keyboard-help>div>span{color:var(--home-accent)!important;font-weight:800!important}
.about,.device-card{background:var(--home-surface)!important;color:var(--home-text)!important;border-color:var(--home-border)!important}
.actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.actions .main-site-btn{grid-column:1/-1!important}
.actions a{
color:var(--home-text)!important;
border-color:var(--home-border)!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
min-height:58px!important;
}
.actions .primary{background:var(--home-accent)!important;color:var(--home-accent-contrast)!important;border-color:var(--home-accent)!important}
.actions .main-site-btn{color:var(--home-text)!important;border:2px solid var(--home-accent)!important;background:transparent!important}
.actions svg,.device-card svg{
width:24px!important;height:24px!important;min-width:24px!important;
fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.home-theme-controls{
display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;max-width:min(55vw,520px)!important;
}
.home-theme-controls button{
width:auto!important;min-width:58px!important;height:42px!important;padding:4px 8px!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
border:1px solid transparent!important;border-radius:10px!important;color:var(--home-text)!important;background:transparent!important;
}
.home-theme-controls button.selected{border-color:var(--home-accent)!important;background:color-mix(in srgb,var(--home-accent) 16%,transparent)!important}
.home-theme-controls i{width:18px;height:18px;border-radius:50%;border:1px solid var(--home-border);display:block}
.home-theme-controls span{font-size:.66rem!important;font-weight:750!important}
.system-dot{background:linear-gradient(90deg,#fff 50%,#050505 50%)!important}
.device-guides{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pc-card{grid-column:1/-1!important}
.device-card h3{display:flex!important;align-items:center!important;gap:10px!important;color:var(--home-text)!important}
.guide-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.device-download,.device-app-link{
display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
min-height:46px!important;padding:0 16px!important;margin:0!important;border-radius:10px!important;text-decoration:none!important;font-weight:800!important;
}
.device-download{background:var(--home-accent)!important;color:#fff!important}
.device-app-link{border:1px solid var(--home-accent)!important;color:var(--home-text)!important}
@media(max-width:850px){
.home-header{flex-wrap:wrap!important}
.home-theme-controls{order:3;max-width:100%!important;width:100%!important;padding-bottom:5px}
}
@media(max-width:700px){
.actions{grid-template-columns:1fr!important}.actions .main-site-btn{grid-column:auto!important}
.device-guides{grid-template-columns:1fr!important}.pc-card{grid-column:auto!important}
.home-theme-controls button{min-width:52px!important}
}
/* V13 */
.home-adjust-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:1px solid var(--home-border);border-radius:12px;background:var(--home-surface);color:var(--home-text);font-weight:800;font-size:.94rem}
.home-adjust-button svg,.adjust-panel-head button svg,.pc-link-grid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-adjust-panel{position:fixed;z-index:120;top:0;right:0;width:min(410px,92vw);height:100dvh;padding:28px 24px calc(28px + env(safe-area-inset-bottom));background:var(--home-surface);color:var(--home-text);border-left:1px solid var(--home-border);box-shadow:-18px 0 45px rgba(0,0,0,.24);overflow-y:auto}
.home-adjust-panel.hidden,.home-adjust-backdrop.hidden{display:none!important}
.home-adjust-backdrop{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.48)}
.adjust-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.adjust-panel-head h2{margin:.15rem 0 0;font-size:2rem}
.adjust-panel-head button{width:44px;height:44px;border-radius:12px;border:1px solid var(--home-border);background:transparent;color:inherit;display:grid;place-items:center}
.home-adjust-panel>p{color:var(--home-muted);line-height:1.55}
.home-adjust-panel .home-theme-controls{display:grid!important;grid-template-columns:1fr!important;max-width:none!important;width:100%!important;gap:10px!important;overflow:visible!important}
.home-adjust-panel .home-theme-controls button{width:100%!important;min-height:54px!important;justify-content:flex-start!important;padding:0 16px!important;border:1px solid var(--home-border)!important}
.home-adjust-panel .home-theme-controls i{width:25px!important;height:25px!important}
.home-adjust-panel .home-theme-controls span{font-size:.95rem!important}
.pc-app-downloads{margin:20px 0 14px}
.pc-app-downloads h4{font-size:1.05rem;margin:0 0 10px;color:var(--home-text)}
.pc-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pc-link-grid a{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 13px;border:1px solid var(--home-border);border-radius:11px;text-decoration:none;color:var(--home-text);background:color-mix(in srgb,var(--home-surface) 88%,var(--home-accent) 12%)}
.pc-link-grid span{display:flex;flex-direction:column;gap:2px}
.pc-link-grid small{color:var(--home-muted);font-size:.72rem}
@media(max-width:700px){.home-header{flex-wrap:nowrap!important}.pc-link-grid{grid-template-columns:1fr}}
/* V14 */
.home-header{min-height:68px!important;height:auto!important;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:14px!important;position:sticky!important;top:0!important;z-index:90!important;background:color-mix(in srgb,var(--home-bg) 92%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.home-brand{min-width:0!important;max-width:calc(100% - 138px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(.95rem,4vw,1.15rem)!important;line-height:1.2!important;margin:0!important}
.home-header>.home-theme-controls{display:none!important}
.home-adjust-button{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:0 14px!important;white-space:nowrap!important}
.home-adjust-panel{z-index:210!important}.home-adjust-backdrop{z-index:200!important}.home-adjust-panel .home-theme-controls{display:grid!important}.home-adjust-panel .home-theme-controls button{display:flex!important}
.book-info-actions{width:min(800px,100%);margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.book-info-actions button,.keyboard-help button{min-height:52px;padding:0 18px;border:1px solid var(--home-border);border-radius:11px;background:var(--home-surface);color:var(--home-text);font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.96rem}
.book-info-actions svg,.keyboard-help button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-modal{position:fixed;z-index:300;inset:0;padding:20px;background:rgba(0,0,0,.72);display:grid;place-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home-modal.hidden{display:none!important}.home-modal-card{position:relative;width:min(760px,100%);max-height:86dvh;overflow:auto;padding:30px;border:1px solid var(--home-border);border-radius:20px;background:var(--home-surface);color:var(--home-text);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.home-modal-card h2{font:clamp(2rem,6vw,3.2rem)/1.05 Georgia,serif;margin:.2em 0 .6em}.home-modal-close{position:sticky;float:right;top:0;width:44px;height:44px;border:1px solid var(--home-border);border-radius:12px;background:var(--home-surface);color:var(--home-text);display:grid;place-items:center;z-index:2}
.home-modal-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.modal-reading-text{font:1.08rem/1.8 Georgia,serif}.shortcut-list>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--home-border)}.shortcut-list dt{font-weight:800}.shortcut-list dd{margin:0;color:var(--home-muted);line-height:1.5}
.pc-link-grid a>.os-logo{width:24px!important;height:24px!important;flex:0 0 auto}.os-marks{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px;margin-right:4px}.os-marks .os-logo{width:15px!important;height:15px!important}
.keyboard-help button{background:var(--home-accent);color:var(--home-accent-contrast);border-color:transparent}body.modal-open,body.panel-open{overflow:hidden}
@media(max-width:700px){.home-header{min-height:64px!important}.home-brand{max-width:calc(100% - 126px)!important}.home-adjust-button{padding:0 12px!important}.book-info-actions{grid-template-columns:1fr}.home-modal{padding:10px}.home-modal-card{padding:22px 18px;border-radius:16px}.shortcut-list>div{grid-template-columns:105px 1fr}}