*{box-sizing:border-box}:root{--text:#1c1917;--muted:#78716c;--card:#fffaf2;--border:#f5d38b;--amber:#b45309;--amber2:#f59e0b;--soft:#fef3c7;--stone:#f5f5f4;--navh:78px}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(135deg,#fff7ed,#fafaf9);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.dark{--text:#fafaf9;--muted:#a8a29e;--card:#1c1917;--border:#292524;--soft:#292524;--stone:#292524;background:#0c0a09}.app{max-width:520px;margin:0 auto;padding:18px 14px calc(var(--navh) + 44px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logo-img{width:170px;max-width:70vw;height:auto;border-radius:14px;display:block}.small-btn{border:1px solid var(--border);background:var(--card);color:var(--amber);border-radius:999px;padding:9px 12px;font-weight:900}.install-card{display:none;background:#1c1917;color:#fff;border-radius:22px;padding:14px 16px;margin-bottom:14px;align-items:center;justify-content:space-between}.install-card.show{display:flex}.install-card p{font-size:13px;color:#d6d3d1;margin:3px 0 0}.install-card button{border:0;background:var(--soft);color:#92400e;border-radius:999px;padding:10px 15px;font-weight:900}.screen{display:none}.screen.active{display:block}.hero-card,.card{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:22px;margin-bottom:16px;box-shadow:0 12px 28px rgba(28,25,23,.06)}.eyebrow{display:block;color:var(--amber);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.hero-card h2{font-size:clamp(40px,11vw,60px);margin:0;letter-spacing:-.04em;line-height:1.02}.hero-card p,.card p,.muted,.small{color:var(--muted)}.progress-track{height:13px;background:#e7e5e4;border-radius:999px;overflow:hidden;margin:20px 0 10px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--amber2),var(--amber));border-radius:999px}.primary,.outline{width:100%;border-radius:20px;padding:16px;margin-top:12px;font-size:16px;font-weight:900;cursor:pointer;touch-action:manipulation}.primary{border:0;background:var(--amber);color:white}.outline{border:1px solid #d6d3d1;background:transparent;color:var(--text);display:inline-block;text-align:center;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats div{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:12px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{font-size:14px}.card h2,.card h3{margin:0 0 8px}.card h2{font-size:30px}.card h3{font-size:24px}label{display:block;margin:16px 0 8px;font-weight:900}select,input,textarea{width:100%;border:1px solid #d6d3d1;background:transparent;color:var(--text);border-radius:18px;padding:15px;font:inherit;font-size:16px}select option{color:#1c1917}textarea{min-height:120px;resize:vertical}.reader-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reader-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chapter-status,.plan-day,.journal-entry,.memory-item,.library-item{background:var(--stone);border-radius:18px;padding:14px;margin:10px 0}.chapter-box{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.65;background:var(--stone);border-radius:20px;padding:16px;margin:14px 0;max-height:560px;overflow:auto}.chapter-box p{margin:0 0 14px}.verse-num{font-size:12px;color:var(--amber);font-weight:900;vertical-align:super;margin-right:5px}.rain-card{padding:14px;margin:10px 0;border-radius:16px;background:rgba(180,83,9,.09);border:1px solid rgba(180,83,9,.18)}.rain-text{font-family:Georgia,serif;font-size:18px;line-height:1.45}.rain-card strong{display:block;margin-top:8px;color:var(--amber)}.rain-actions{display:flex;gap:8px;margin-top:10px}.rain-actions button{flex:1;margin-top:0;padding:11px;border-radius:14px;border:1px solid #d6d3d1;background:transparent;color:var(--text);font-weight:800}.library-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.library-item p{margin:4px 0 0;font-size:14px}.link-btn{width:auto;white-space:nowrap}.lock-preview{height:500px;border-radius:30px;background:linear-gradient(180deg,#e8f2ee,#fff7ed 55%,#f9e8ec);overflow:hidden;margin:14px 0;box-shadow:0 18px 38px rgba(28,25,23,.12)}.lock-overlay{height:100%;padding:34px 22px;color:#9d174d;text-align:center;display:flex;flex-direction:column;align-items:center}.lock-overlay h2{font-size:86px;margin:12px 0 0;letter-spacing:-.06em}.spacer{flex:1}.lock-overlay strong{font-size:28px;margin-bottom:34px}.lock-overlay p:last-of-type{font-size:30px;font-weight:900;line-height:1.18}.bottom-nav{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:500px;min-height:var(--navh);display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,255,255,.97);border:1px solid var(--border);border-radius:28px;padding:7px;box-shadow:0 12px 36px rgba(28,25,23,.18);z-index:2147483647;pointer-events:auto}.dark .bottom-nav{background:rgba(28,25,23,.97)}.bottom-nav button{border:0;background:transparent;border-radius:17px;color:var(--muted);font-weight:900;font-size:11px;cursor:pointer;pointer-events:auto;touch-action:manipulation}.bottom-nav button.active,.bottom-nav button:hover{background:var(--soft);color:var(--amber)}@media(max-width:390px){.logo-img{width:150px}.stats{grid-template-columns:1fr}.reader-grid{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(3,1fr);height:auto}.app{padding-bottom:140px}.hero-card h2{font-size:40px}.lock-preview{height:450px}}