:root{--green:#2f6b4f;--green-dark:#1d5039;--green-pale:#e5f0e8;--gold:#d4a017;--paper:#f8f6f1;--surface:#fff;--ink:#25302a;--muted:#768078;--line:#e8e6df;--shadow:0 10px 30px rgba(34,63,45,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",system-ui,sans-serif}.app-shell{max-width:720px;min-height:100vh;margin:auto;padding:22px 20px 100px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.brand{color:var(--green);text-decoration:none;font-weight:700;letter-spacing:.03em}.brand span{color:var(--gold);font-size:1.2em}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;width:40px;height:40px;font-size:20px;color:var(--ink);cursor:pointer}.page{display:none;animation:rise .35s ease}.page.active{display:block}.eyebrow,.section-label{display:block;font-family:Inter,sans-serif;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.eyebrow{margin:0 0 13px}h1{font-size:34px;line-height:1.32;letter-spacing:-.06em;margin:0 0 26px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.reading-hero{padding:25px;border-radius:24px;background:linear-gradient(135deg,var(--green),#3d7f5c);color:white;box-shadow:var(--shadow)}.hero-heading{display:flex;justify-content:space-between;align-items:center}.hero-heading .section-label{color:#dceee0}.day-chip{font:600 10px Inter,sans-serif;letter-spacing:.12em;background:#ffffff1d;border:1px solid #ffffff32;padding:6px 8px;border-radius:20px}.hero-list{padding:17px 0}.hero-list p{margin:9px 0;font-size:15px}.hero-list p::before{content:"□";margin-right:10px;color:#dceee0}.primary-button{border:0;border-radius:14px;background:#fff;color:var(--green-dark);padding:14px 17px;width:100%;font:700 14px "Noto Sans TC";cursor:pointer}.primary-button span{float:right;font-size:19px;line-height:16px}.progress-card,.verse-card,.progress-summary,.stat-card,.month-card,.reflection-card,.more-list{background:var(--surface);border:1px solid #eeece6;border-radius:20px;box-shadow:var(--shadow)}.progress-card{padding:20px;margin-top:18px}.progress-card>div:first-child,.month-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.progress-card strong,.month-card strong{color:var(--green);font:700 27px Inter,sans-serif}.progress-track{height:7px;background:#e9eee9;border-radius:10px;margin:15px 0 10px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .4s}.progress-card p,.month-card p{margin:0;color:var(--muted);font-size:13px}.verse-card{padding:23px 24px;margin-top:18px;background:#fffdf8}.verse-card blockquote{font-family:Georgia,"Noto Serif TC",serif;font-size:19px;line-height:1.65;margin:13px 0 8px}.verse-card cite{color:var(--gold);font:600 12px Inter,sans-serif;font-style:normal}.page-intro{margin:-18px 0 23px;color:var(--muted);font-size:14px}.reading-checklist{display:grid;gap:11px}.chapter-row{width:100%;display:flex;align-items:center;text-align:left;background:var(--surface);border:1px solid #eeece6;border-radius:16px;padding:17px;cursor:pointer;color:var(--ink);font:500 16px "Noto Sans TC";transition:.2s}.chapter-row i{width:25px;height:25px;border:1.5px solid #c8cec9;border-radius:50%;margin-right:14px;display:grid;place-items:center;color:#fff;font-style:normal}.chapter-row small{margin-left:auto;color:var(--muted);font-family:Inter}.chapter-row.done{background:var(--green-pale);border-color:#c3dac9;color:var(--green-dark)}.chapter-row.done i{background:var(--green);border-color:var(--green)}.reflection-card{margin:19px 0;display:flex;gap:14px;padding:19px}.reflection-card>span{color:var(--gold);font-size:20px}.reflection-card strong{font-size:14px}.reflection-card p{color:var(--muted);font-size:13px;margin:4px 0 0}.outline-button{width:100%;background:transparent;border:0;color:var(--muted);font:500 13px "Noto Sans TC";padding:12px;cursor:pointer}.progress-summary{padding:27px;display:flex;align-items:center;gap:25px}.progress-ring{--value:0%;width:142px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--green) var(--value),#e9eee9 0);display:grid;place-content:center;text-align:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface)}.progress-ring strong,.progress-ring span{position:relative;z-index:1}.progress-ring strong{font:700 27px Inter}.progress-ring span{font-size:11px;color:var(--muted)}.summary-copy strong{font:700 25px Inter}.summary-copy p{font-size:13px;color:var(--muted);line-height:1.55}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.stat-card{padding:18px}.stat-card>span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;margin:9px 0 5px;font:700 28px Inter}.stat-card.gold strong,.stat-card.gold i{color:var(--gold);font-style:normal}.month-card{padding:21px}.month-dots{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.month-dots i{width:14px;height:14px;background:#e3e6e3;border-radius:50%}.month-dots i.done{background:var(--green)}.month-dots i.today{outline:2px solid var(--gold);outline-offset:2px}.more-list{overflow:hidden}.more-list button{width:100%;display:flex;justify-content:space-between;background:var(--surface);border:0;border-bottom:1px solid var(--line);padding:20px;font:500 15px "Noto Sans TC";color:var(--ink)}.more-list button:last-child{border:0}.more-list span{color:var(--green);font-size:23px}.bottom-nav{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);display:flex;justify-content:space-around;padding:10px 15px max(12px,env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid var(--line)}.nav-item{background:none;border:0;color:#9ba29c;display:grid;gap:3px;place-items:center;min-width:58px;padding:4px;cursor:pointer}.nav-item span{font:24px Georgia}.nav-item b{font-size:10px;font-weight:500}.nav-item.active{color:var(--green)}.completion-modal{position:fixed;inset:0;z-index:5;background:#183a2bcc;display:none;align-items:center;justify-content:center;padding:25px}.completion-modal.open{display:flex}.completion-modal>div{width:min(350px,100%);padding:37px 27px 28px;text-align:center;border-radius:24px;background:var(--surface);animation:rise .3s ease}.completion-modal span{color:var(--gold);font-size:36px}.completion-modal h2{font-size:26px;margin:13px 0 5px}.completion-modal p{font-size:14px;color:var(--muted);margin:0 0 23px}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}body.dark{--paper:#121814;--surface:#1b231d;--ink:#edf3ed;--muted:#a8b3aa;--line:#2e3931;--green-pale:#203b2b}body.dark .bottom-nav{background:#1b231df0}body.dark .verse-card{background:#1d251f}.dark .primary-button{background:#e8f2ea}.dark .progress-ring:before{background:var(--surface)}@media(min-width:620px){.app-shell{padding:34px 45px 100px}.topbar{margin-bottom:54px}h1{font-size:42px}.reading-hero{padding:32px}.hero-list{display:grid;grid-template-columns:1fr 1fr;gap:3px}.progress-summary{padding:34px}.progress-ring{width:165px}}