:root{--bg:#f5f5f7;--card:#fff;--ink:#17181d;--muted:#858792;--line:#ececf1;--accent:#6257e8;--accent2:#8c83ff;--green:#238b65;--radius:25px;--shadow:0 8px 28px #2020400a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{max-width:600px;margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top) 17px calc(94px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 17px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:800;color:var(--muted)}h1{font-size:29px;letter-spacing:-1.2px;margin:4px 0 0;font-weight:850}.sun{color:#f4a93d;margin-left:5px;font-size:19px;vertical-align:top}.icon-button{border:0;background:#fff;border-radius:50%;width:43px;height:43px;font-size:20px;box-shadow:var(--shadow);color:#333;cursor:pointer}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:15px}.hero{background:linear-gradient(145deg,#25233e 0%,#413b78 55%,#685de3 100%);color:#fff;padding:22px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #ffffff18;right:-70px;top:60px;box-shadow:0 0 0 24px #ffffff08,0 0 0 50px #ffffff06}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{font-size:10px;letter-spacing:1px;background:#ffffff20;padding:7px 10px;border-radius:30px;font-weight:800}.save-status{font-size:10px;color:#d8d5f7;display:flex;align-items:center;gap:5px}.save-status i{width:6px;height:6px;border-radius:50%;background:#74e4ae}.hero-kicker{font-size:13px;color:#d4d0ff;margin:22px 0 5px}.hero h2{font-size:29px;line-height:1.12;letter-spacing:-.8px;margin:0 0 22px;max-width:290px}.progress-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.progress-row>div:first-child{display:flex;flex-direction:column;gap:3px}.progress-row strong{font-size:31px;letter-spacing:-1px}.progress-row span{font-size:11px;color:#d8d5f7}.ring{width:53px;height:53px;border-radius:50%;border:3px solid #ffffff32;display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:#a9f0d0;border-right-color:#a9f0d0;transform:rotate(0deg)}.ring span{font-size:10px!important;font-weight:800;color:white!important}.progress-track{height:5px;background:#ffffff26;border-radius:10px;margin-top:15px;overflow:hidden;position:relative;z-index:1}.progress-track div{height:100%;width:0;background:#a9f0d0;border-radius:10px;transition:width .3s}.tabs{display:flex;gap:5px;background:#e9e9ef;padding:5px;border-radius:16px;margin:19px 0 24px}.tab{border:0;background:transparent;border-radius:12px;padding:11px 7px;flex:1;font-size:12px;font-weight:700;color:#737581}.tab.active{background:white;color:#24242b;box-shadow:0 2px 8px #17172b0c}.view{display:none}.view.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 1px 14px}.section-heading h2{font-size:24px;letter-spacing:-.8px;margin:4px 0 0}.section-heading h3{font-size:17px;margin:4px 0 0;letter-spacing:-.3px}.text-button{border:0;background:transparent;color:var(--accent);font-weight:750;font-size:12px;padding:9px 2px;cursor:pointer}.check-group{margin-bottom:19px}.group-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;margin:0 2px 9px}.group-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#efedff;color:#6559d9;font-size:15px}.group-sub{font-size:10px;color:var(--muted);font-weight:500;margin-left:auto}.task-list{background:#fff;border-radius:20px;padding:4px 15px;box-shadow:var(--shadow)}.task{display:flex;align-items:center;gap:12px;min-height:51px;border-bottom:1px solid #f0f0f4;cursor:pointer}.task:last-child{border-bottom:0}.task input{appearance:none;width:21px;height:21px;border:1.7px solid #d7d7e0;border-radius:7px;flex-shrink:0;margin:0;position:relative;cursor:pointer}.task input:checked{background:var(--accent);border-color:var(--accent)}.task input:checked:after{content:"✓";color:white;position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:800}.task span{font-size:13px;font-weight:580;flex:1}.task small{font-size:10px;color:#a2a3ad}.task.done span{color:#9b9ca6;text-decoration:line-through}.notes-card{margin-top:23px}.compact{margin-bottom:12px}.note-icon{font-size:18px;color:var(--accent)}textarea{width:100%;min-height:110px;resize:vertical;border:0;background:#f7f7fa;border-radius:15px;padding:14px;font:14px/1.5 inherit;outline:none;color:var(--ink)}textarea:focus,input:focus,select:focus{outline:2px solid #aaa4ff;outline-offset:1px}.tiny-muted{font-size:10px;color:#9a9ba6;line-height:1.5;margin:10px 2px 0}.prayer-card{padding:0;overflow:hidden}.prayer-head{padding:21px;background:linear-gradient(125deg,#24233d,#4a457c);color:white;display:flex;justify-content:space-between;align-items:center}.prayer-head .eyebrow{color:#c9c5ef}.prayer-head h2{font-size:28px;margin:7px 0 3px}.prayer-head p{font-size:11px;color:#d3d0ee;margin:0}.prayer-mark{font-size:36px;color:#d8d1ff}.prayer-list{padding:8px 17px}.prayer-row{display:grid;grid-template-columns:1fr 90px 34px;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #f0f0f4}.prayer-row:last-child{border-bottom:0}.prayer-name{font-size:14px;font-weight:750}.prayer-time{font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.prayer-time input{width:78px;border:1px solid transparent;background:#f7f7fa;border-radius:8px;padding:6px 3px;text-align:center;font:700 13px inherit;color:var(--ink)}.prayer-row label{font-size:10px;color:#a0a1aa}.prayer-row.next .prayer-name{color:var(--accent)}.prayer-row.next .prayer-time input{background:#efedff;color:var(--accent)}.prayer-check{width:25px;height:25px;border-radius:8px;border:1px solid #dedee8;background:white;color:var(--green);font-weight:900}.prayer-check.checked{background:#e5f7ef;border-color:#bcebd7}.settings-card h3,.quick-card h3{font-size:17px;margin:0 0 16px}.settings-card label,.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:14px}.settings-card input,.settings-card select,.modal input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafafd;color:var(--ink);font:13px inherit}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-col label{min-width:0}.two-col select{min-width:0}.news-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#fff,#f0efff)}.news-intro strong{font-size:15px}.news-intro p{font-size:11px;color:var(--muted);margin:6px 0 0}.news-orb{display:grid;place-items:center;width:54px;height:54px;border-radius:19px;background:#e4e0ff;color:#5f54d7;font-size:19px;font-weight:850}.chip-row{display:flex;gap:7px;overflow:auto;padding:2px 0 13px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #e7e7ee;border-radius:30px;background:white;color:#777986;padding:9px 13px;font-size:11px;font-weight:750}.chip.active{background:#282642;color:white;border-color:#282642}.news-state{font-size:11px;color:var(--muted);padding:6px 2px 10px}.news-item{background:white;border-radius:17px;padding:15px;margin-bottom:9px;box-shadow:var(--shadow);display:block;color:inherit;text-decoration:none}.news-meta{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.news-meta .source{color:#9a9ba5;font-weight:600;letter-spacing:0;text-transform:none}.news-item h3{font-size:14px;line-height:1.35;margin:9px 0 7px;letter-spacing:-.15px}.news-item p{font-size:11px;line-height:1.45;color:#838591;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.feature-card{border:0;border-radius:22px;min-height:142px;padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#222;cursor:pointer}.feature-card>span{font-size:25px;margin-bottom:6px}.feature-card b{font-size:14px}.feature-card small{font-size:10px;color:#777986}.violet{background:#e9e5ff}.green{background:#e0f4e9}.amber{background:#fff0d6}.blue{background:#e1efff}.prompt-card{margin-top:15px}.prompt-card h3{font-size:20px;line-height:1.35;letter-spacing:-.5px;margin:12px 0}.quick-card{margin-top:15px}.quick-row{display:flex;width:100%;align-items:center;gap:12px;background:transparent;border:0;border-top:1px solid #f0f0f4;padding:14px 0;text-align:left}.quick-icon{width:37px;height:37px;border-radius:12px;background:#f0edff;display:grid;place-items:center;color:var(--accent);font-size:18px}.quick-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.quick-row b{font-size:12px}.quick-row small{font-size:10px;color:var(--muted)}.quick-action{font-size:10px;color:var(--accent);font-weight:800}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0;padding:10px 10px calc(9px + env(safe-area-inset-bottom));background:#ffffffeb;backdrop-filter:blur(22px);border-top:1px solid #e8e8ee}.bottom-item{border:0;background:transparent;flex:1;max-width:145px;display:flex;align-items:center;flex-direction:column;gap:4px;color:#9697a1;font-size:10px;font-weight:700}.bottom-item span{font-size:21px;line-height:23px}.bottom-item.active{color:var(--accent)}.toast{position:fixed;z-index:30;bottom:100px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#25243d;color:white;border-radius:30px;padding:11px 17px;font-size:12px;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#17172970;backdrop-filter:blur(5px);display:none;align-items:flex-end;justify-content:center;padding:16px}.modal-backdrop.open{display:flex}.modal{width:100%;max-width:500px;border-radius:28px;padding:23px;margin:0 0 env(safe-area-inset-bottom);max-height:85dvh;overflow:auto}.modal .section-heading h2{margin:0}.primary-button,.secondary-button{width:100%;border:0;border-radius:14px;padding:14px;font-size:13px;font-weight:800;margin-top:8px}.primary-button{background:var(--accent);color:white}.secondary-button{background:#f0efff;color:var(--accent)}.breath-modal{text-align:center;padding:34px 24px}.close-breath{margin-left:auto;display:block}.breath-circle{width:140px;height:140px;border-radius:50%;margin:22px auto;background:radial-gradient(circle,#dcd8ff,#8f85ff);box-shadow:0 0 0 16px #efedff;transition:transform 3s ease}.breath-circle.inhale{transform:scale(1.25)}.breath-modal h2{font-size:25px}.breath-modal p{color:var(--muted);font-size:13px}@media(min-width:600px){.app-shell{padding-left:24px;padding-right:24px}.bottom-nav{border-radius:22px 22px 0 0}}@media(prefers-color-scheme:dark){:root{--bg:#111116;--card:#1d1d25;--ink:#f6f6fa;--muted:#a0a1ad;--line:#33333d;--shadow:0 8px 28px #00000018}.icon-button,.tabs,.task-list,.news-item{background:#22222b}.tab.active{background:#393943;color:#fff}.task{border-color:#34343d}.task span{color:#eee}.task.done span{color:#858591}.task input{border-color:#50505c}.task input:checked{background:var(--accent)}textarea,.settings-card input,.settings-card select,.modal input,.prayer-time input{background:#292933;color:#f6f6fa}.news-intro{background:linear-gradient(120deg,#202027,#282444)}.chip{background:#22222b;border-color:#393943;color:#aaa}.chip.active{background:#6157df;color:white}.bottom-nav{background:#1b1b22ed;border-color:#33333d}.icon-button{color:#eee}.quick-row{border-color:#34343d}.feature-card{color:#1d1d22}.hero{background:linear-gradient(145deg,#191829,#353064 55%,#554ac5)}}