*{box-sizing:border-box}:root{--bg1:#fff7ed;--bg2:#fafaf9;--text:#1c1917;--muted:#78716c;--card:rgba(255,255,255,.92);--border:#fde68a;--amber:#b45309;--amber-dark:#92400e;--stone:#f5f5f4}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2),#fff7ed)}body.dark{--bg1:#0c0a09;--bg2:#1c1917;--text:#fafaf9;--muted:#a8a29e;--card:#1c1917;--border:#292524;--stone:#292524;background:#0c0a09}.app{max-width:440px;margin:0 auto;padding:20px 16px 90px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{display:flex;gap:12px;align-items:center}.logo{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 10px 24px rgba(180,83,9,.25);font-size:23px}h1,h2,h3,p{margin:0}h1{font-size:21px;line-height:1.1}.brand p,.muted,.small{color:var(--muted)}.brand p{font-size:12px;margin-top:3px}.icon-button{border:none;background:transparent;color:var(--amber);font-size:24px;padding:10px;border-radius:999px;cursor:pointer}.icon-button:hover{background:rgba(245,158,11,.12)}.card{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:20px;margin-bottom:16px;box-shadow:0 10px 30px rgba(28,25,23,.06)}.card-head,.section-title,.friend-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.hero h2{font-size:30px;margin-top:5px}#readingMeta{color:var(--muted);font-size:14px;margin-top:6px}.card-icon{font-size:28px}.progress-track,.mini-track{height:12px;background:#e7e5e4;overflow:hidden;border-radius:999px;margin-top:18px}.progress-fill,.mini-track div{height:100%;background:linear-gradient(90deg,#f59e0b,#b45309);border-radius:999px;width:38%;transition:width .25s ease}.small{font-size:12px;margin:8px 0 16px}.primary-button,.outline-button{width:100%;border-radius:18px;padding:15px 18px;font-weight:800;cursor:pointer;transition:.2s ease}.primary-button{border:none;background:var(--amber);color:white}.primary-button:hover{background:var(--amber-dark)}.outline-button{border:1px solid #d6d3d1;background:transparent;color:var(--text);margin-top:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px}.stat-card{background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:20px;padding:12px;display:flex;gap:8px;align-items:center}.dark .stat-card{background:#1c1917}.stat-card p{font-size:11px;color:var(--muted)}.stat-card strong{font-size:13px}.stat-icon,.round-icon{background:#fef3c7;color:#92400e;border-radius:14px;padding:8px;font-size:16px}label{display:block;margin-top:15px;margin-bottom:7px;font-size:14px;font-weight:700}select,textarea{width:100%;border:1px solid #d6d3d1;border-radius:18px;padding:14px;background:transparent;color:var(--text);font:inherit}select option{color:#1c1917}textarea{min-height:110px;resize:vertical;margin:14px 0}.row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.verse-card{background:#fef3c7;color:#1c1917;border-radius:20px;padding:16px;margin:14px 0}.verse-card p{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.45}.verse-card strong,.amber{color:var(--amber)}.friend-card{background:var(--stone);border-radius:20px;padding:15px;margin-bottom:12px}.friend-card p{color:var(--muted);font-size:12px;margin-top:3px}.mini-track{height:8px;margin-top:12px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;max-width:408px;width:calc(100% - 32px);display:grid;grid-template-columns:repeat(5,1fr);background:var(--card);border:1px solid var(--border);border-radius:26px;padding:8px;box-shadow:0 12px 36px rgba(28,25,23,.16)}.bottom-nav button{border:none;background:transparent;border-radius:18px;padding:12px;cursor:pointer;font-size:19px}.bottom-nav button:hover{background:rgba(245,158,11,.14)}@media(max-width:360px){.stats{grid-template-columns:1fr}.app{padding-left:12px;padding-right:12px}}