:root{font-synthesis:none;--bg:#f5f5f3;--topbar-bg:#f5f5f3e0;--nav-bg:#fffffff0;--surface:#fff;--surface-subtle:#f5f5f3;--surface-subtle-2:#eeeeec;--text:#151515;--text-strong:#111;--text-muted:#969696;--text-muted-strong:#6b6b6b;--text-faint:#b3b3b3;--border:#0000000f;--border-medium:#00000014;--border-strong:#0000001a;--border-dashed:#00000024;--check-border:#d7d7d7;--check-border-disabled:#e5e5e3;--track-bg:#ededed;--accent:#3bb94e;--accent-rgb:59,185,78;--danger:#e05252;--danger-rgb:224,82,82;--nav-active-bg:#f0f0ed;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}[data-theme=dark]{--bg:#101012;--topbar-bg:#101012e0;--nav-bg:#1c1c1ff0;--surface:#1c1c1f;--surface-subtle:#232326;--surface-subtle-2:#29292d;--text:#f0f0f0;--text-strong:#fff;--text-muted:#9a9a9e;--text-muted-strong:#b7b7bc;--text-faint:#77777c;--border:#ffffff14;--border-medium:#ffffff1c;--border-strong:#ffffff24;--border-dashed:#ffffff2e;--check-border:#3a3a3e;--check-border-disabled:#333336;--track-bg:#2b2b2f;--accent:#3bb94e;--accent-rgb:59,185,78;--danger:#ff6b6b;--danger-rgb:255,107,107;--nav-active-bg:#2a2a2e}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;color:inherit}.app{max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:92px}.topbar{z-index:5;background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;height:72px;padding:12px 18px;display:grid;position:sticky;top:0}.title{text-align:center;font-size:20px;font-weight:750}.avatar{background:var(--surface);cursor:pointer;border:0;border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 1px 5px #0000000f}.content{gap:12px;padding:12px 16px 24px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:18px;box-shadow:0 5px 18px #00000009}.hero{justify-content:space-between;align-items:flex-end;min-height:165px;display:flex}.eyebrow,.section-head span{color:var(--text-muted);letter-spacing:.09em;font-size:12px;font-weight:750}.big-number{margin:9px 0 5px;font-size:48px;font-weight:800;line-height:1}.muted,small{color:var(--text-muted);font-size:12px}.mini-chart{align-items:flex-end;gap:9px;width:150px;height:90px;padding:5px 0;display:flex}.mini-chart span{background:var(--accent);border-radius:7px 7px 3px 3px;flex:1;min-height:12px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.prayer-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.prayer-mini{justify-items:center;gap:5px;font-size:10px;display:grid}.prayer-mini small{font-size:10px}.check{border:1.5px solid var(--check-border);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.check.done{background:var(--accent);border-color:var(--accent)}.check.disabled{border-style:dashed;border-color:var(--check-border-disabled)}.prayer-mini-icon{opacity:.45;place-items:center;width:22px;height:22px;display:grid;position:relative}.prayer-mini-icon.done{opacity:1}.prayer-mini-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:12px;height:12px;display:grid;position:absolute;bottom:-3px;right:-3px}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action{border:1px solid var(--border);text-align:left;cursor:pointer}.action .section-head{margin-bottom:10px}.action strong{margin-bottom:3px;font-size:26px;display:block}.action small{display:block}.progress{background:var(--track-bg);border-radius:9px;height:5px;margin-top:13px;overflow:hidden}.progress span{background:var(--accent);border-radius:9px;height:100%;display:block}.ayah p{margin:14px 0 10px;font-size:17px;line-height:1.45}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;border-radius:25px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(490px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0000001f}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:18px;place-items:center;gap:4px;padding:8px 2px;font-size:10px;display:grid}.nav-item svg{width:19px;height:19px}.nav-item.active{color:var(--text-strong);background:var(--nav-active-bg)}.empty-state{min-height:60vh;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty-state h2{color:var(--text-strong);margin:0}.empty-state p{margin:0}.empty-icon{background:var(--surface);border-radius:20px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 5px 18px #0000000d}@media (width<=380px){.split{grid-template-columns:1fr}.prayer-mini b{font-size:9px}.mini-chart{width:120px}}.prayers-screen{gap:12px;display:grid}.day-switch{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.day-switch span{text-transform:capitalize;font-size:16px;font-weight:750}.day-switch button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.prayer-list{gap:8px;display:grid}.prayer-item{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:22px 1fr 34px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:grid}.prayer-item-info{gap:2px;display:grid}.prayer-item-info b{font-size:15px}.prayer-name-row{align-items:center;gap:6px;display:flex}.jamaat-badge{border:1px solid var(--border);background:var(--surface-subtle);width:34px;height:34px;color:var(--text-faint);cursor:pointer;border-radius:12px;place-items:center;display:grid}.jamaat-badge.active{background:rgba(var(--accent-rgb),.15);color:var(--accent);border-color:var(--accent)}.jamaat-badge:disabled{opacity:.4;cursor:not-allowed}.habits-screen{gap:12px;display:grid}.add-fab{border:1.5px dashed var(--border-dashed);color:var(--text-muted-strong);cursor:pointer;background:0 0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:650;display:flex}.icon-btn{background:var(--surface-subtle);cursor:pointer;width:28px;height:28px;color:var(--text-muted-strong);border:0;border-radius:9px;place-items:center;display:grid}.icon-btn.danger{background:rgba(var(--danger-rgb),.13);color:var(--danger);border-radius:14px;width:44px;height:auto}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.habit-form{gap:12px;display:grid}.text-input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:14px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday-chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;border-radius:11px;padding:8px 0;font-size:12px;font-weight:650}.weekday-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.save-btn{background:var(--text-strong);color:var(--bg);cursor:pointer;border:0;border-radius:14px;padding:13px;font-size:15px;font-weight:650}.save-btn:disabled{opacity:.45;cursor:not-allowed}.plans-screen{gap:12px;display:grid}.plan-tabs{background:var(--surface-subtle-2);border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.plan-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:9px 0;font-size:13px;font-weight:700}.plan-tab.active{background:var(--surface);color:var(--text-strong);box-shadow:0 2px 8px #0000000f}.goal-card{gap:8px;display:grid}.goal-card .section-head{margin-bottom:0}.goal-card small{display:block}.goal-meta{justify-content:space-between;align-items:baseline;display:flex}.goal-progress-row{align-items:center;gap:10px;display:flex}.goal-progress-row .progress{flex:1;margin-top:0}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border:1px solid var(--border-medium);background:var(--surface-subtle);cursor:pointer;width:26px;height:26px;color:var(--text);border-radius:9px;place-items:center;display:grid}.goal-done-badge{color:var(--accent);background:rgba(var(--accent-rgb),.15);border-radius:9px;padding:3px 9px;font-size:11px;font-weight:750}.task-item{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:22px 1fr 34px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:grid}.task-item.done .task-title{color:var(--text-faint);text-decoration:line-through}.task-title{font-size:15px;font-weight:650}.profile-screen{gap:12px;display:grid}.profile-hero{align-items:center;gap:14px;display:flex}.profile-hero b{font-size:17px;display:block}.profile-avatar{background:var(--surface-subtle-2);width:52px;height:52px;color:var(--text-muted-strong);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-cell{text-align:center;background:var(--surface-subtle);border-radius:14px;padding:12px 4px}.stat-cell b{font-size:19px;display:block}.stat-cell small{color:var(--text-muted);font-size:11px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-switch{border:1px solid var(--border-medium);background:var(--surface-subtle);width:44px;height:44px;color:var(--text-faint);cursor:pointer;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.toggle-switch.on{background:var(--accent);border-color:var(--accent);color:#fff}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.qibla-row{align-items:center;gap:16px;display:flex}.qibla-compass{flex-shrink:0;width:76px;height:76px}.habit-form textarea.text-input{resize:vertical;min-height:64px}.reminder-times{flex-wrap:wrap;gap:8px;display:flex}.reminder-chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text);border-radius:11px;align-items:center;gap:6px;padding:7px 8px 7px 12px;font-size:13px;font-weight:650;display:flex}.reminder-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.reminder-add-row{gap:8px;display:flex}.reminder-add-row input[type=time]{flex:1}.reminder-add-row button{background:var(--surface-subtle-2);color:var(--text);cursor:pointer;border:0;border-radius:11px;padding:0 14px;font-weight:650}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-medium);background:var(--surface-subtle);color:var(--text-muted);cursor:pointer;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:650}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.field-label{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:750}.field-row{gap:8px;display:flex}.city-picker{gap:10px;display:grid}.city-search{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.city-search-input{color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-family:inherit;font-size:15px}.city-results{gap:6px;max-height:240px;display:grid;overflow-y:auto}.city-result{text-align:left;background:var(--surface-subtle);color:var(--text);cursor:pointer;border:0;border-radius:12px;padding:11px 14px;font-size:14px}.text-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px;font-size:13px}.onboarding-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-card{background:var(--surface);border-radius:26px;gap:14px;width:min(420px,100%);max-height:86vh;padding:24px;display:grid;overflow-y:auto}.onboarding-card h2{margin:0;font-size:20px}.onboarding-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}