:root{--bg:#f5f4ef;--surface:#fff;--text:#222820;--muted:#7a8077;--line:#e8e6de;--green:#285b48;--green-soft:#e9f0e9;--gold:#b88c45;--shadow:0 12px 36px rgba(37,48,38,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}.app-shell{max-width:1240px;margin:auto;padding:0 34px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:13px;font-size:23px}.brand strong{display:block;font-size:17px;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.4px}.top-actions{display:flex;gap:8px}.icon-button{height:38px;min-width:39px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.icon-button:hover,.tool-button:hover{border-color:#b8c8bc}.welcome{padding:48px 0 38px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold);margin:0 0 11px}.welcome h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(31px,4vw,48px);letter-spacing:-1.3px;line-height:1.13;margin:0}.welcome h1 em{font-weight:400;color:var(--green)}.welcome-copy{color:var(--muted);font-size:14px;margin:15px 0 0}.welcome-mark{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:#e8ece2;color:var(--green);font-size:52px;margin-right:8%;font-family:Georgia,serif}.reader-controls{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:18px 20px;margin-bottom:24px;box-shadow:var(--shadow)}.selectors{display:flex;align-items:end;gap:12px}.selectors label{font-size:11px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:7px;flex:1}.selectors select{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);outline-color:var(--green)}.go-button{height:43px;border:0;border-radius:9px;background:var(--green);color:white;padding:0 18px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.go-button span{padding-left:12px;font-size:17px}.reader-tools{display:flex;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.tool-button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 12px;border-radius:9px;font-size:12px;cursor:pointer}.tool-button span{margin-left:5px}.reading-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:24px;align-items:start}.side-card,.reading-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.side-card{padding:21px;position:sticky;top:20px}.side-heading{display:flex;align-items:center;gap:11px}.mini-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:18px}.side-heading h2{font-size:13px;margin:0 0 2px}.side-heading p{font-size:10px;color:var(--muted);margin:0}.progress-number{display:flex;align-items:baseline;gap:8px;margin:27px 0 10px}.progress-number strong{font-size:32px;font-weight:600;letter-spacing:-1px}.progress-number span{font-size:11px;color:var(--muted)}.progress-track{height:6px;border-radius:20px;background:var(--line);overflow:hidden}.progress-bar{height:100%;width:0;background:var(--green);border-radius:20px;transition:width .2s}.progress-note{font-size:10px;color:var(--muted);margin:9px 0 18px}.text-button{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;padding:0;cursor:pointer}.bookmarks-panel{margin-top:12px;max-height:180px;overflow:auto}.bookmark-link{display:block;color:var(--text);text-decoration:none;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.side-divider{height:1px;background:var(--line);margin:23px 0}.tip{display:flex;gap:10px}.tip-icon{color:var(--gold);font-size:20px}.tip strong{font-size:11px}.tip p{font-size:11px;color:var(--muted);line-height:1.6;margin:5px 0 0}.reading-card{padding:30px 38px 22px;min-width:0}.chapter-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.version-pill{padding:5px 8px;background:var(--green-soft);color:var(--green);border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.5px}.chapter-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:30px 0 23px}.chapter-title .eyebrow{margin-bottom:6px}.chapter-title h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-.7px;margin:0}.chapter-subtitle{color:var(--muted);font-size:13px;margin:5px 0 0}.chapter-number{font-family:Georgia,serif;font-size:58px;color:#e6e8e0;line-height:1}.verses{padding:16px 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.95}.verse{margin:0;padding:9px 5px;border-radius:7px;display:flex;align-items:baseline;gap:12px;transition:background .15s}.verse-number{flex:0 0 23px;border:0;background:transparent;color:var(--gold);font-family:Inter, sans-serif;font-size:11px;font-weight:800;padding:2px 0;cursor:pointer;text-align:left}.verse-number:hover{color:var(--green)}.verse-text{flex:1}.verse.selected{background:#f0f3eb}.verse.selected .verse-text{color:var(--green)}.chapter-navigation{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:19px;margin-top:14px}.nav-button{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;max-width:48%}.nav-button.next{text-align:right;margin-left:auto}.nav-button>span{display:flex;flex-direction:column;gap:3px}.nav-button small{font-size:9px;letter-spacing:1px;color:var(--muted)}.nav-button strong{font-size:12px}.keyboard-hint{color:var(--muted);font-size:10px;text-align:center;margin:22px 0 0}.empty-state{padding:35px 0;color:var(--muted)}.empty-state h3{color:var(--text)}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:27px 0 34px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1f352b;color:white;padding:11px 16px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#171b18;--surface:#202622;--text:#e8ece6;--muted:#a1aaa0;--line:#343c35;--green:#8cb89d;--green-soft:#2a3930;--gold:#d0ad6e;--shadow:0 12px 36px rgba(0,0,0,.12)}body.dark .welcome-mark{background:#2a3930}body.dark .chapter-number{color:#39413a}body.dark .verse.selected{background:#2b3930}body.dark .verse.selected .verse-text{color:#d2e5d7}body.dark .go-button{color:#172019}body.focus-mode .side-card,body.focus-mode .welcome,body.focus-mode .reader-controls,body.focus-mode footer{display:none}body.focus-mode .reading-layout{display:block;margin:28px auto;max-width:800px}body.focus-mode .reading-card{padding:38px 48px}
@media(max-width:850px){.app-shell{padding:0 20px}.reading-layout{grid-template-columns:1fr}.side-card{position:static;order:2}.reading-card{order:1}.welcome-mark{margin-right:0;width:80px;height:80px;font-size:40px}.reading-card{padding:25px 26px}.side-card{padding:18px}.progress-number{margin-top:17px}.side-divider{margin:16px 0}}
@media(max-width:560px){.app-shell{padding:0 13px}.topbar{height:68px}.welcome{padding:34px 0 25px}.welcome h1{font-size:32px}.welcome-mark{width:54px;height:54px;font-size:29px;flex:0 0 54px}.welcome-copy{font-size:12px;max-width:300px}.reader-controls{padding:14px}.selectors{display:grid;grid-template-columns:1fr 1fr}.selectors label:first-child{grid-column:1/-1}.go-button{grid-column:1/-1;width:100%}.reader-tools{flex-wrap:wrap}.tool-button{flex:1;min-width:130px}.tool-button span{margin-left:3px}.reading-card{padding:21px 17px}.chapter-title{padding:23px 0 18px}.chapter-title h2{font-size:29px}.chapter-number{font-size:42px}.verses{font-size:18px;line-height:1.8}.verse{gap:7px;padding:8px 0}.verse-number{flex-basis:20px}.chapter-navigation{gap:7px}.nav-button{gap:7px}.nav-button strong{font-size:10px}.nav-button small{font-size:8px}.keyboard-hint{line-height:1.6}footer{flex-direction:column;gap:5px}body.focus-mode .reading-card{padding:25px 17px}}

/* Pronúncia palavra a palavra */
.verse-text{display:inline;line-height:2.15}
.word-unit{display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;white-space:nowrap;margin:0 .10em .12em 0;line-height:1.35}
.word-original{display:block}
.word-ipa{display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.49em;line-height:1.35;color:#36866a;letter-spacing:0;font-weight:500;min-height:1em}
.word-ipa.pending{opacity:.45}
.word-ipa.unavailable{display:none}
body.hide-phonetics .word-ipa{display:none}
body.hide-phonetics .word-unit{display:inline}
body.hide-phonetics .word-original{display:inline}
@media(max-width:560px){.word-ipa{font-size:.53em}.word-unit{margin-right:.07em}}

/* Conta e histórico de leitura */
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-label{font-size:.9rem;color:var(--muted,#64748b)}
.account-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #cbd5d0;border-radius:9px;text-decoration:none;background:transparent;color:inherit;font:inherit;cursor:pointer}
.account-primary{background:#285b48;color:#fff;border-color:#285b48}
.logout-form{display:inline;margin:0}
.reading-total{margin:12px 0 4px;font-size:.95rem}
.history-item{padding:9px 0;margin:0;border-bottom:1px solid #e4e9e5;font-size:.9rem;line-height:1.45}