:root{--ink:#14251f;--muted:#718079;--green:#0a4939;--green-2:#176a52;--mint:#e8f3ee;--cream:#f8f6ef;--gold:#c49b4b;--line:#e4e8e4;--white:#fff;--shadow:0 14px 40px rgba(21,55,43,.09);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--cream)}button,input,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;padding:.8rem;border-radius:.5rem}.skip-link:focus{top:1rem}.app-shell{min-height:100dvh;max-width:680px;margin:auto;background:#fcfcf8;box-shadow:0 0 60px rgba(0,0,0,.08);padding-bottom:90px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20;background:rgba(252,252,248,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(228,232,228,.7)}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--ink);text-align:left}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 22px Amiri}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase}.top-actions{display:flex;gap:8px}.icon-button,.avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.avatar{background:#e0ede7;color:var(--green);font-weight:700}.view{display:none;padding:24px 20px 12px;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(4px)}}.eyebrow{margin:0 0 6px;color:var(--green-2);font-weight:700;font-size:11px;letter-spacing:1.4px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.greeting h1,.page-heading h1{font-size:27px;line-height:1.14;letter-spacing:-.8px;margin:0}.greeting p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:14px}.hijri{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--line)}.hijri strong{font:700 34px Amiri;color:var(--green)}.hijri span{font-size:10px;line-height:1.25;color:var(--muted)}.hero-card{min-height:264px;padding:25px;border-radius:27px;background:linear-gradient(135deg,#0b4d3b,#0b382e);color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(10,73,57,.24)}.hero-pattern{position:absolute;inset:0;opacity:.13;background:radial-gradient(circle at 80% 15%,transparent 0 32px,#fff 33px 34px,transparent 35px),radial-gradient(circle at 100% 65%,transparent 0 80px,#fff 81px 82px,transparent 83px)}.hero-copy{position:relative;z-index:2;max-width:68%}.pill{display:inline-flex;padding:6px 9px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:1px}.pill.light{background:rgba(255,255,255,.15)}.hero-card h2{font:700 31px Amiri;margin:20px 0 0}.hero-card p{font-size:12px;color:#cde0d8;margin:1px 0 16px}.progress{height:6px;background:#e2e9e5;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green-2);border-radius:inherit}.light-progress{background:rgba(255,255,255,.17);margin-bottom:22px}.light-progress span{background:#d0b16b}.primary{border:0;padding:11px 16px;border-radius:12px;font-weight:700}.light-button{background:#fff;color:var(--green)}.ayah-decor{position:absolute;right:20px;bottom:21px;color:rgba(255,255,255,.16);font:700 30px Amiri;writing-mode:vertical-rl}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 13px}.section-heading.compact{margin-top:32px}.section-heading h2{font-size:19px;letter-spacing:-.3px;margin:0}.score{font-weight:700;color:var(--green);font-size:13px}.habit-list{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2px 15px}.habit{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #edf0ed}.habit:last-child{border-bottom:0}.habit input{position:absolute;opacity:0}.habit-check{width:24px;height:24px;border:1.5px solid #bdc8c2;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.habit input:checked+.habit-check{background:var(--green);border-color:var(--green);color:#fff}.habit input:checked+.habit-check:after{content:"✓"}.habit div{flex:1}.habit strong,.habit small{display:block}.habit strong{font-size:14px}.habit small{font-size:11px;color:var(--muted);margin-top:2px}.habit-time{font-size:11px;color:var(--muted)}.horizontal-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{padding:17px;border-radius:20px;border:1px solid var(--line);background:#fff;min-width:0}.card-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700;margin-bottom:16px}.mini-card span,.mini-card strong,.mini-card small{display:block}.mini-card span{font-size:11px;color:var(--muted)}.mini-card strong{font-size:18px;margin-top:5px}.mini-card small{font-size:10px;color:var(--muted);margin:1px 0 11px}.scholarship-card .card-icon{background:#f6eedc;color:#927027}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700;padding:0}.page-heading{margin:2px 0 22px}.page-heading h1{max-width:500px}.row-heading{display:flex;justify-content:space-between;align-items:center}.round-add{width:45px;height:45px;border-radius:50%;border:0;background:var(--green);color:#fff;font-size:28px}.search{height:48px;border:1px solid var(--line);background:#fff;border-radius:15px;display:flex;align-items:center;gap:8px;padding:0 14px;margin-bottom:15px}.search span{font-size:23px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.resume-strip{display:flex;align-items:center;gap:12px;border-radius:16px;background:var(--mint);padding:13px;margin-bottom:20px}.resume-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:#fff;font:700 20px Amiri}.resume-strip div{flex:1}.resume-strip small,.resume-strip strong{display:block}.resume-strip small{font-size:10px;color:var(--muted)}.resume-strip strong{font-size:13px}.resume-strip button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:12px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:6px}.segmented button{border:0;background:transparent;padding:12px;color:var(--muted);font-size:12px;font-weight:600;border-bottom:2px solid transparent}.segmented button.active{color:var(--green);border-color:var(--green)}.surah-item{display:flex;align-items:center;gap:13px;padding:14px 2px;border-bottom:1px solid var(--line);cursor:pointer}.surah-number{width:37px;height:37px;display:grid;place-items:center;color:var(--green);font-weight:700;font-size:12px;background:var(--mint);border-radius:11px}.surah-meta{flex:1}.surah-meta strong,.surah-meta small{display:block}.surah-meta strong{font-size:14px}.surah-meta small{font-size:10px;color:var(--muted);margin-top:2px}.surah-arab{text-align:right}.surah-arab strong{display:block;font:700 20px Amiri}.surah-arab small{font-size:10px;color:var(--gold)}.maqashid-grid{display:flex;gap:9px;overflow:auto;padding-bottom:5px;scrollbar-width:none}.maqashid{min-width:85px;text-align:center;padding:12px 7px;border:1px solid var(--line);background:#fff;border-radius:16px}.maqashid.active{background:var(--green);color:#fff}.maqashid span{font-size:20px;display:block}.maqashid strong{font-size:10px}.goal-list{display:grid;gap:11px}.goal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.goal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.goal-top>div{display:flex;align-items:center;gap:10px}.goal-top strong,.goal-top small{display:block}.goal-top strong{font-size:14px}.goal-top small{font-size:10px;color:var(--muted);margin-top:2px}.goal-top>span{font-size:12px;font-weight:700;color:var(--green)}.goal-emoji{width:39px;height:39px;border-radius:12px;background:var(--mint);display:grid;place-items:center}.goal-card .progress{margin:7px 0}.goal-card>small{font-size:10px;color:var(--muted)}.reflection-card{margin-top:28px;background:#142f28;color:#fff;border-radius:22px;padding:20px}.reflection-card .reflection-icon{float:right;font-size:28px;color:var(--gold)}.reflection-card .eyebrow{color:#b8d3c8}.reflection-card h3{font:700 19px Amiri;margin:4px 0 13px}.reflection-card textarea{width:100%;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;padding:12px;resize:vertical}.reflection-card>small{font-size:9px;color:#aabdb6}.balance-card{background:linear-gradient(135deg,#fff,#eff6f2);border:1px solid #d8e5df;border-radius:24px;padding:23px}.balance-card>span,.balance-card>strong,.balance-card>small{display:block}.balance-card>span{font-size:11px;color:var(--muted)}.balance-card>strong{font-size:30px;margin:5px 0}.balance-card>small{color:var(--green);font-size:11px}.balance-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.balance-stats div+div{border-left:1px solid var(--line);padding-left:18px}.balance-stats span,.balance-stats strong{display:block}.balance-stats span{font-size:10px;color:var(--muted)}.balance-stats strong{font-size:13px;margin-top:3px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.quick-actions button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px 4px;font-size:10px;color:var(--ink)}.quick-actions span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);margin:0 auto 6px}.financial-goal{padding:17px;border:1px solid var(--line);background:#fff;border-radius:19px}.financial-goal .progress{margin-bottom:14px}.amount-row{display:flex;justify-content:space-between}.amount-row span:last-child{text-align:right}.amount-row small,.amount-row strong{display:block}.amount-row small{font-size:9px;color:var(--muted)}.amount-row strong{font-size:12px}.financial-goal>p{font-size:11px;background:var(--cream);padding:10px;border-radius:10px;margin:15px 0 0}.disclaimer,.verified-note{display:flex;gap:9px;font-size:10px;line-height:1.5;color:var(--muted);padding:13px;background:#f3f4ef;border-radius:14px;margin-top:12px}.filter-chips{display:flex;gap:7px;overflow:auto;margin:8px 0 15px;scrollbar-width:none}.filter-chips button{white-space:nowrap;padding:8px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--muted);font-size:11px}.filter-chips button.active{background:var(--green);color:#fff;border-color:var(--green)}.verified-note{margin:0 0 14px;background:var(--mint);color:var(--green)}.verified-note span{width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.verified-note div{flex:1}.verified-note strong,.verified-note small{display:block}.verified-note small{color:var(--muted);margin-top:2px}.scholarship-list{display:grid;gap:11px}.scholarship{border:1px solid var(--line);background:#fff;border-radius:19px;padding:16px}.scholarship-head{display:flex;gap:12px}.flag{width:42px;height:42px;border-radius:12px;background:var(--cream);display:grid;place-items:center;font-size:20px}.scholarship-head>div{flex:1}.scholarship h3{font-size:14px;margin:0 0 3px}.scholarship p{font-size:10px;color:var(--muted);margin:0}.save-button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:17px}.save-button.saved{background:#f5ead1;color:#8c6a22}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.tag{font-size:9px;padding:5px 8px;border-radius:9px;background:var(--mint);color:var(--green)}.deadline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:10px}.deadline span{color:var(--muted)}.deadline strong{color:#a65744}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);height:76px;padding:7px max(9px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:30}.bottom-nav button{border:0;background:transparent;color:#86938d;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px}.bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav button.active svg{fill:var(--mint)}dialog{width:min(92%,520px);border:0;border-radius:24px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(7,25,19,.58);backdrop-filter:blur(3px)}dialog form{padding:24px;position:relative}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:28px;color:var(--muted)}.modal-content h2,#modalContent h2{margin:2px 30px 13px 0;font-size:22px}.modal-content p,#modalContent p{color:var(--muted);font-size:13px;line-height:1.6}.modal-form label{display:block;font-size:11px;font-weight:700;margin:11px 0 5px}.modal-form input,.modal-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px}.modal-form button{width:100%;margin-top:16px;padding:12px;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:700}.arabic-verse{font:400 28px/2 Amiri;text-align:right;direction:rtl;background:var(--cream);padding:17px;border-radius:15px}.translation{border-left:3px solid var(--gold);padding-left:12px}.toast{position:fixed;z-index:60;left:50%;bottom:92px;transform:translate(-50%,20px);background:#15372d;color:#fff;padding:11px 15px;border-radius:12px;font-size:11px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.kajian-promo{margin-top:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#f4ead3,#fffaf0);border:1px solid #eadab6;display:flex;align-items:center;justify-content:space-between;gap:15px}.kajian-promo>div{min-width:0}.kajian-promo h3{font:700 18px Amiri;margin:2px 0}.kajian-promo small{color:var(--muted);font-size:10px}.kajian-promo .primary{background:var(--green);color:#fff;white-space:nowrap;font-size:11px}.play-mark{float:right;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--gold);box-shadow:0 5px 15px rgba(99,74,27,.12)}.page-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:9px 0 0}.ai-guard{display:flex;gap:11px;padding:13px;background:#edf5f1;border:1px solid #d7e8df;border-radius:16px;margin:-6px 0 15px}.ai-guard>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-size:11px;font-weight:700;flex:0 0 auto}.ai-guard p{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}.ai-guard strong{display:block;color:var(--green);font-size:11px}.ustadz-chips{display:flex;gap:7px;overflow:auto;padding-bottom:3px;margin-bottom:15px;scrollbar-width:none}.ustadz-chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:20px;padding:8px 13px;font-size:10px}.ustadz-chips button.active{background:var(--green);color:#fff;border-color:var(--green)}.kajian-list{display:grid;gap:15px}.kajian-card{border:1px solid var(--line);border-radius:21px;background:#fff;overflow:hidden}.video-frame{position:relative;aspect-ratio:16/9;background:#12342b;overflow:hidden}.video-frame img{width:100%;height:100%;object-fit:cover;display:block}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.33),transparent 55%);pointer-events:none}.video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#c2302b;font-size:19px;box-shadow:0 8px 24px rgba(0,0,0,.2)}.official-badge{position:absolute;z-index:2;left:12px;bottom:11px;color:#fff;font-size:9px;background:rgba(9,43,34,.84);padding:6px 9px;border-radius:12px}.kajian-body{padding:16px}.kajian-source{display:flex;align-items:center;gap:9px}.speaker-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700;font-size:11px}.kajian-source div{flex:1}.kajian-source strong,.kajian-source small{display:block}.kajian-source strong{font-size:12px}.kajian-source small{font-size:9px;color:var(--muted);margin-top:2px}.kajian-body h3{font-size:16px;line-height:1.35;margin:13px 0 7px}.kajian-body>p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.ai-summary{margin-top:13px;padding:12px;background:var(--cream);border-radius:13px}.ai-summary span{font-size:9px;color:var(--green);font-weight:700;letter-spacing:.7px}.ai-summary p{font-size:10px;line-height:1.55;margin:5px 0 0}.kajian-actions{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.kajian-actions button,.kajian-actions a{font-size:10px;font-weight:700;text-decoration:none}.kajian-actions button{border:0;background:var(--green);color:#fff;padding:9px 12px;border-radius:10px}.kajian-actions a{color:var(--green)}.scholarship-heading{margin-top:38px}.video-modal{margin:-24px -24px 16px;aspect-ratio:16/9;background:#000}.video-modal iframe{width:100%;height:100%;border:0}.reflection-prompt{border-left:3px solid var(--gold);padding-left:12px;color:var(--ink)!important}.source-link{display:inline-block;color:var(--green);font-weight:700;text-decoration:none;margin-top:8px}
@media(min-width:700px){body{padding:25px 0}.app-shell{border-radius:28px;overflow:hidden;min-height:calc(100dvh - 50px)}.bottom-nav{bottom:25px;border-radius:0 0 28px 28px}.view{padding-inline:36px}.topbar{padding-inline:36px}}
@media(max-width:390px){.greeting h1,.page-heading h1{font-size:24px}.hero-copy{max-width:78%}.hijri{display:none}.horizontal-cards{grid-template-columns:1fr}.view{padding-inline:16px}.topbar{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}