:root{--bg:#f5f2eb;--surface:#fffefb;--ink:#222d3f;--muted:#777f89;--gold:#c09a5e;--line:#e4e1da;--purple:#5f4d81;--green:#277e5b;--blue:#1c3655;--red:#a43f49;--font:1}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#e1e6e8;font:15px/1.48 system-ui,-apple-system,'Segoe UI',sans-serif}body.dark{--bg:#121d26;--surface:#1d2d3b;--ink:#f2f0eb;--muted:#b6bfca;--gold:#e0ba7e;--line:#334657;--blue:#142536;background:#08131d}
.demo{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:22px 12px}.phone{width:100%;max-width:425px;min-height:830px;background:var(--bg);border:1px solid var(--line);border-radius:29px;overflow:hidden;box-shadow:0 12px 50px #17243329;display:flex;flex-direction:column}
header{background:linear-gradient(145deg,#1b3654,#233e5e);color:white;padding:23px 22px 24px}.over{font-size:10px;letter-spacing:2.3px;text-transform:uppercase;color:#d0b78f}header h1{font-size:25px;margin:6px 0 3px;font-weight:650;letter-spacing:-.5px}header p{margin:0;color:#d8e0ec;font-size:12px}.header-row{display:flex;align-items:center;justify-content:space-between} .cross{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid #bcb29c80;color:#e7c99c;font-size:24px}
main{padding:20px;flex:1;min-height:585px}h2{font-size:22px;letter-spacing:-.45px;margin:0}h3{font-size:15px;margin:0}p{margin:6px 0 0}small,.small{font-size:12px;color:var(--muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold);font-weight:700}.card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:16px;margin:13px 0;box-shadow:0 2px 8px #09192a08}.hrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.item{padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.item:last-child{border-bottom:0}.item strong{display:block;font-size:14px}.item span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.chip{display:inline-block;border:1px solid var(--line);padding:5px 9px;border-radius:15px;color:var(--ink);font-size:11px;margin:6px 4px 0 0}.tag{background:#e7ecf0;color:#38536f;font-size:10px;border-radius:18px;padding:5px 9px;font-weight:650}.dark .tag{background:#2d4660;color:#d4e2f0}
button{font:inherit;cursor:pointer;border:0}button.primary{background:var(--blue);color:#fff;border-radius:11px;font-size:13px;padding:11px 14px;font-weight:650}button.ghost{background:none;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13px}button.smallbtn{padding:5px 11px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}.rowbtn{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.notice{border-left:3px solid var(--gold);background:var(--surface);border-radius:0 10px 10px 0;font-size:12px;color:var(--muted);padding:12px;margin:14px 0}.colored{width:12px;height:12px;display:inline-block;border-radius:50%;border:1px solid #8884;vertical-align:middle;margin-right:5px}.gridcal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;margin-top:14px}.gridcal b{font-size:11px;color:var(--muted);font-weight:600;padding:7px}.day{padding:11px 0;border-radius:10px;border:1px solid transparent;background:none;color:var(--ink);font-size:13px;position:relative}.day i{display:block;position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--gold)}.day.selected{background:#d9e5eb;border-color:#aac7d8;font-weight:700}.dark .day.selected{background:#345573}.day.sunday{color:var(--red);font-weight:700}.day:disabled{opacity:0;cursor:default}.monthbar{display:flex;align-items:center;justify-content:space-between}.input{width:100%;border:1px solid var(--line);padding:13px 12px;border-radius:11px;background:var(--surface);color:var(--ink);font:inherit}.result{padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.result:last-child{border:0}.result-title{font-size:13px;font-weight:650}.result-date{font-size:11px;color:var(--gold)}.result-ref{font-size:11px;color:var(--muted);padding-top:4px}.buttonselect{border-radius:8px;padding:8px 11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);margin-right:6px;margin-top:10px;font-size:11px}.buttonselect.active{background:var(--blue);color:#fff}.nav{display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--line);padding:8px 2px 11px}.nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);background:none;font-size:10px;padding:7px 0}.nav .active{color:var(--gold);font-weight:700}.nav .emoji{font-size:20px;line-height:1.4}.footer{color:#aab8c3;font-size:11px;text-align:center;padding:0 15px 13px}.sliders{display:flex;align-items:center;gap:12px}input[type=range]{flex:1;accent-color:var(--blue)}.bookref{font-size:calc(17px * var(--font));font-weight:600;color:var(--ink);margin-top:4px}.sectionheading{margin:18px 0 8px;font-size:13px;letter-spacing:.9px;color:var(--gold);font-weight:700;text-transform:uppercase}.empty{color:var(--muted);font-size:12px;font-style:italic}.count{font-variant-numeric:tabular-nums}.loader{font-size:12px;color:var(--muted)}@media(max-width:460px){.demo{padding:0}.phone{border:0;border-radius:0;box-shadow:none;max-width:none;min-height:100vh}}

/* v0.5 — leitura contínua e estudo, separados da liturgia oficial */
.study-pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;color:#355d49;background:#e4f0e7;border-radius:20px;padding:5px 9px;margin:8px 0}
.dark .study-pill{background:#244738;color:#d2f1dc}
.reading-text{font-family:Georgia,'Times New Roman',serif;font-size:calc(18px * var(--font));line-height:1.75;color:var(--ink);letter-spacing:.08px}
.reading-text p{margin:13px 0 0}
.reading-text p:first-child{margin-top:0}
.reading-container{border-top:1px solid var(--line);margin-top:10px;padding-top:13px}
.study-footnote{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0 0}
.scripture-link{display:inline-flex;margin:10px 0;color:var(--blue);font-size:13px;font-weight:650;text-underline-offset:3px}
.dark .scripture-link{color:#e0ba7e}
.reader-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0}
.reader-toolbar button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 12px}
blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 13px;margin:12px 0;color:var(--muted)}
.reader-hero{background:linear-gradient(165deg,#f8f4e9, #fffcf6)}
.dark .reader-hero{background:var(--surface)}

/* v0.5.1 - aplicativo web instalado: sem moldura de demonstracao */
html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{min-height:100dvh;background:var(--bg);overscroll-behavior-y:contain}
body.dark{background:#121d26}
.demo{min-height:100dvh;padding:0;display:block;background:var(--bg)}
.phone{min-height:100dvh;height:auto;max-width:760px;margin:0 auto;border:0;border-radius:0;box-shadow:none;overflow:visible;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
header{padding:calc(19px + env(safe-area-inset-top,0px)) 20px 17px;position:relative;z-index:3}
header h1{font-size:24px}
header p{font-size:11px}
main{min-height:0;padding:22px 20px 30px}
.nav{position:fixed;bottom:0;left:0;right:0;max-width:760px;margin:0 auto;z-index:9;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px #00122310}
.nav button{min-height:52px;gap:2px;font-size:10px}
.footer{padding:13px 18px 17px;background:var(--bg);color:var(--muted);font-size:10px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
button:active{transform:translateY(1px)}
#install-header{border:1px solid #d0b78f9a;color:#f7e3bb;background:#ffffff15;border-radius:9px;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:700;margin-left:8px}
.cross{display:none}
.site-status{background:#ebeee8;color:#466551;font-size:11px;text-align:center;padding:7px 12px;border-bottom:1px solid #d8ddd4}
.site-status.offline{background:#f7e8cb;color:#684d18}
.site-status[hidden]{display:none}
.install-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin:14px 0}
.install-strip strong{display:block;font-size:13px}
.install-strip .small{display:block;margin-top:3px}
.install-strip button{flex-shrink:0}
.modal{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:end;background:#071523ba;padding:15px}
.modal[hidden]{display:none}
.modal-content{background:var(--surface);color:var(--ink);border-radius:20px;max-width:480px;width:100%;padding:24px 22px calc(24px + env(safe-area-inset-bottom,0px));max-height:90dvh;overflow:auto;box-shadow:0 14px 60px #0007}
.modal-content h2{font-size:22px;margin:6px 0 12px}
.modal-content ol{padding-left:22px;line-height:1.75}
.modal-close{float:right;font-size:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:6px 10px;border-radius:8px}
.modal-content .help{color:var(--muted);font-size:13px}
.version-pill{font-size:10px;letter-spacing:1px;color:#d0b78f}
@media(min-width:760px){.phone{border-left:1px solid var(--line);border-right:1px solid var(--line)}main{padding-left:32px;padding-right:32px}}
@media(max-width:360px){header h1{font-size:21px}.nav .emoji{font-size:18px}.nav button{font-size:9px}#install-header{padding:7px;font-size:10px}}
@media(display-mode:standalone){[data-pwa-install]{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}