:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #f0ece3;--ink: #24221d;--muted: #6b6557;--line: #e2ddd1;--accent: #5b6abf;--accent-2: #8aa0e6;--good: #3f9d6b;--good-soft: #e3f3ea;--danger: #b5462f;--shadow: 0 1px 2px rgba(30, 28, 22, .06), 0 6px 20px rgba(30, 28, 22, .06);--radius: 12px;color-scheme:light;font-synthesis:none}:root[data-theme=dark]{--bg: #1a1916;--surface: #242220;--surface-2: #2d2b27;--ink: #ece8df;--muted: #a59f90;--line: #38352f;--accent: #8aa0e6;--accent-2: #5b6abf;--good: #5cc089;--good-soft: #1f3a2c;--danger: #e08a76;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.02em}.tagline{margin:.35rem 0 0;color:var(--muted)}.theme-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.pace-bar{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:1.5rem 0 .5rem;padding:.85rem 1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.92rem}.field>span{color:var(--muted);font-weight:600}.field.inline{flex-direction:row;align-items:center;gap:.6rem}.field.inline>span:first-child{white-space:nowrap}.suffix{color:var(--muted)}select,input[type=number]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem}input[type=number]{width:4.5rem}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tabs{display:flex;gap:.4rem;margin:1.5rem 0 1rem;border-bottom:1px solid var(--line)}.tab{font:inherit;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:3px solid transparent;padding:.6rem .9rem;cursor:pointer;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.panel.hidden{display:none}.panel-intro{color:var(--muted);margin:0 0 1.1rem}.tab-hint{margin:.9rem 0 0;font-size:.92rem;color:var(--muted)}.link-btn{font:inherit;font-weight:600;color:var(--accent);background:none;border:none;padding:0;cursor:pointer}.link-btn:hover{text-decoration:underline}.reset-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.25rem}.tab-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.9rem}.tab-footer .tab-hint{margin:0;flex:1 1 16rem}.tab-footer .reset-link{margin-left:auto}.reset-link{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);background:none;border:none;border-radius:8px;padding:.35rem .5rem;cursor:pointer}.reset-link:hover{color:var(--ink)}.reset-link.confirm{color:var(--danger)}.reset-link svg{flex:0 0 auto}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem}.controls .field{flex:1 1 200px}.controls select{padding:.55rem .6rem}.share-btn{align-self:end;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:8px;padding:.5rem;cursor:pointer;text-decoration:none}.share-btn:hover{color:var(--accent);border-color:var(--accent)}.share-btn.copied{color:var(--good);border-color:var(--good)}.headlines{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.4rem}.headline{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.headline-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.headline-label{font-weight:600}.headline-pct{font-size:1.5rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.bar{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.6rem 0 .5rem}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s cubic-bezier(.22,1,.36,1)}.headline-detail{font-size:.82rem;color:var(--muted)}.extras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin-bottom:1rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem}.stat-value{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:.78rem;color:var(--muted)}.nudge{margin:.6rem 0 0;padding:.8rem 1rem;background:var(--surface-2);border-left:3px solid var(--accent);border-radius:8px;font-weight:500}.nudge.done{background:var(--good-soft);border-left-color:var(--good)}.tracker-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.3rem}.toolbar-label{color:var(--muted);font-weight:600;margin-right:.2rem}.tracker-toolbar button{font:inherit;font-weight:600;color:var(--accent);background:var(--surface);border:1px solid var(--accent);border-radius:999px;padding:.35rem .85rem;cursor:pointer}.tracker-toolbar button:hover{background:var(--accent);color:#fff}.tracker-toolbar button.ghost{color:var(--muted);border-color:var(--line)}.tracker-toolbar button.ghost:hover{background:var(--surface-2);color:var(--ink)}.share-progress{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-weight:600;color:var(--accent);background:none;border:1px solid var(--accent);border-radius:999px;padding:.35rem .85rem;cursor:pointer}.share-progress:hover{background:var(--accent);color:#fff}.share-progress svg{flex:0 0 auto}.share-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:0;max-width:380px;width:calc(100% - 2rem);box-shadow:var(--shadow)}.share-dialog::backdrop{background:#14120e73}.share-dialog-inner{position:relative;padding:1.4rem}.share-dialog-close{position:absolute;top:.5rem;right:.6rem;font-size:1.1rem;line-height:1;color:var(--muted);background:none;border:none;padding:.25rem;cursor:pointer}.share-dialog-close:hover{color:var(--ink)}.share-dialog-title{margin:0 0 .25rem;font-size:1.15rem}.share-dialog-help{margin:0 0 1rem;font-size:.85rem;color:var(--muted)}.share-preview{display:block;width:100%;max-width:320px;margin:0 auto 1.1rem;border:1px solid var(--line);border-radius:var(--radius)}.share-actions{display:flex;flex-direction:column;gap:.5rem}.share-action{font:inherit;font-weight:600;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer}.share-action:hover{background:var(--surface-2)}.share-action.primary{background:var(--accent);border-color:var(--accent);color:#fff}.share-action.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.share-action.copied{color:var(--good);border-color:var(--good)}.book-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.book-group h3{margin:0 0 .4rem;font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.book-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.4rem .2rem;border-bottom:1px solid var(--line)}.book-row input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.book-name-cell{display:flex;flex-direction:column;gap:.1rem;min-width:0}.book-name{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-words{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.2}.chapter-through{padding:.2rem .4rem;font-size:.85rem;max-width:6.5rem}.book-badge{min-width:3rem;text-align:right;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.book-badge.partial{color:var(--accent)}.book-badge.complete{color:var(--good)}.faq,.motivation{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.faq h2,.motivation h2{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:-.01em}.faq details,.motivation details{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:.2rem .95rem;margin-bottom:.6rem}.faq summary,.motivation summary{cursor:pointer;font-weight:600;padding:.7rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.faq summary::-webkit-details-marker,.motivation summary::-webkit-details-marker{display:none}.faq summary:after,.motivation summary:after{content:"+";color:var(--accent);font-weight:700;font-size:1.25rem;line-height:1}.faq details[open] summary:after,.motivation details[open] summary:after{content:"–"}.faq details p,.motivation details p{margin:0 0 .85rem;color:var(--muted);font-size:.92rem}.motivation a{color:var(--accent);text-decoration:underline}.prayer{margin-top:2.5rem;padding:.4rem 0 .4rem 1.1rem;border-left:3px solid var(--accent)}.prayer-label{margin:0 0 .4rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-style:normal}.prayer p{margin:0 0 .7rem;font-style:italic;color:var(--muted);font-size:.95rem;line-height:1.6}.prayer p:last-child{margin-bottom:0}.app-footer{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.app-footer p{margin:0}@media (max-width: 680px){.headlines,.book-list{grid-template-columns:1fr}select,input[type=number],.chapter-through{font-size:16px}}
