:root{--bg:#0c1b20;--panel:#152b2e;--panel2:#1c3434;--ink:#f0f5ed;--muted:#9aafb0;--line:#b3d5d018;--lime:#cde8ac;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{background:radial-gradient(ellipse at 80% 0,#254d4c50,transparent 45%),var(--bg);background-attachment:fixed}.workspace{padding-left:38px;padding-right:38px;max-width:1450px}#sidebar{background:#102329d9;backdrop-filter:blur(24px);overflow:auto}.side-caption{margin-bottom:25px}.side-quote{font-size:14px}.nav-link{min-height:46px}.side-nav{gap:4px}#topbar{padding-top:24px;padding-bottom:24px}.page-heading{margin-bottom:28px}h1{font-weight:650;letter-spacing:-1.2px}.subtitle{line-height:1.6}.e-home-top{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}.e-prayer-hero{min-height:380px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(145deg,#326273,#264c4b 50%,#284338);border:1px solid #b2d8d32a}.e-sky{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 80% 15%,#d5d4a828,transparent 50%)}.e-sky:before{content:'';position:absolute;width:75px;height:75px;border-radius:50%;box-shadow:14px 4px 0 0 #d4e6bc5c;right:90px;top:30px;transform:rotate(-20deg)}.e-sky:after{content:'';position:absolute;width:490px;height:220px;right:-80px;bottom:-70px;border:1px solid #cde8ad30;border-radius:100% 100% 0 0;background:linear-gradient(160deg,#89a68320,#102e2b88)}.e-sky i{position:absolute;width:270px;height:160px;right:-40px;bottom:20px;border-radius:70% 70% 0 0;border:1px solid #d5e4ae36;background:repeating-linear-gradient(90deg,transparent 0 36px,#c9d2ac13 37px 38px),linear-gradient(150deg,#9cb58a1c,#183b38)}.e-sky b{position:absolute;right:72px;bottom:180px;width:1px;height:75px;background:#cfdaaa68}.e-sky b:before{content:'✦';position:absolute;top:-17px;left:-7px;color:#d8dda9a1;font-size:17px}.e-sky span{position:absolute;width:5px;height:5px;background:#e0e6bf90;border-radius:50%;top:60px;left:45%;box-shadow:70px 40px 0 #ffffff3a,-70px -25px 0 #ffffff3a,10px 90px 0 #ffffff27}.e-hero-content{position:relative;padding:27px;min-height:380px;display:flex;flex-direction:column}.e-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.e-hero-top>span{display:flex;gap:8px;align-items:center;color:#d4e4db;font-size:13px}.e-glass-btn{width:42px;height:42px;border:1px solid #fff2;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}.e-hero-content h2{font-size:30px;font-weight:500;margin:10px 0}.e-hero-time{font-size:52px;line-height:1.1;letter-spacing:-2px;font-weight:300}.e-hero-time:not(:first-child){max-width:400px}.e-hero-content>p:not(.eyebrow){color:#c0d3ca;max-width:370px;font-size:12px;margin:14px 0 22px}.e-time-row{display:flex;gap:4px;justify-content:space-between;margin-top:auto;background:#102e325e;border:1px solid #b3d8d020;border-radius:17px;padding:12px 8px;backdrop-filter:blur(12px)}.e-time-row>span{padding:7px 4px;border-radius:10px;flex:1;text-align:center}.e-time-row small{display:block;font-size:10px;color:#b4cac4}.e-time-row strong{display:block;font-size:13px;font-weight:600;margin-top:5px}.e-time-row .current{background:#d3eab5;color:#213a31}.e-time-row .current small{color:#486447}.e-plan-card{padding:26px;border:1px solid #cee4c123;border-radius:30px;background:linear-gradient(150deg,#233a34cc,#192e30);text-align:center;display:flex;flex-direction:column;align-items:center}.e-plan-card p{font-size:12px;color:var(--muted);margin:10px 0 20px}.e-plan-ring{width:140px;height:140px;border-radius:50%;padding:5px;margin:22px auto;background:conic-gradient(#cfe7ad var(--progress),#c7dcb215 0);display:grid;place-items:center}.e-plan-ring>span{border-radius:50%;width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#203731;font-size:43px;font-weight:300}.e-plan-ring small{font-size:12px;letter-spacing:1px;color:#aec2ab}.e-plan-card .primary{margin-top:auto}.e-section{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px;gap:12px}.e-section h2{font-size:20px;font-weight:600}.e-section>span{color:#738e8e;font-size:13px}.e-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.e-tile{display:flex;align-items:center;gap:16px;text-align:left;padding:22px;border-radius:23px;border:1px solid #cde4dc1c;background:#1b3337;min-height:112px;transition:transform .18s,background .18s}.e-tile:hover{transform:translateY(-2px);background:#254249}.e-tile-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;flex-shrink:0;color:var(--accent);background:var(--tint)}.mint{--accent:#cde8ad;--tint:#abc88422}.sky{--accent:#a4cedf;--tint:#86b1d526}.lilac{--accent:#d6bce8;--tint:#aa85c426}.sand{--accent:#edc99c;--tint:#c79b6126}.e-tile-copy{min-width:0;flex:1}.e-tile strong{display:block;font-size:18px;font-weight:550;color:#f1f5ed}.e-tile small{display:block;font-size:12px;color:#9fb5b3;margin-top:5px;line-height:1.5}.e-arrow{color:var(--accent);font-size:19px}.e-home-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-top:24px}.e-home-bottom .companion-home{margin:0}.e-story-preview{position:relative;text-align:left;padding:29px;border-radius:25px;background:radial-gradient(ellipse at 90% 0,#d3ab6430,transparent 75%),#29332d;border:1px solid #d5b67d2b;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.e-story-preview h2{font-size:27px;max-width:320px;line-height:1.3}.e-story-preview p{color:#c5c4ac;font-size:13px}.e-story-preview .text-btn{margin-top:auto}.e-academy-banner{display:flex;gap:36px;align-items:center;padding:35px;border:1px solid #d0ddba25;border-radius:28px;background:radial-gradient(ellipse at 90% 0,#b8ae6b24,transparent),linear-gradient(135deg,#294638,#19343c)}.e-academy-banner h2{font-size:34px;margin:13px 0;line-height:1.2}.e-academy-banner p:not(.eyebrow){font-size:13px;color:#adc3b3}.e-book-art{width:120px;height:140px;display:grid;place-items:center;border-radius:60px 60px 12px 12px;border:1px solid #d5dfb34f;background:#d6e7b90c}.e-book-art svg{width:65px;height:65px;stroke-width:.8;color:#dce8bd}.e-course-list{display:grid;gap:12px}.e-course-list .e-tile{min-height:100px}.e-lesson-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;align-items:start}.e-lesson{display:flex;gap:18px;padding:25px;margin-bottom:15px;border:1px solid #d3e5d81b;border-radius:23px;background:#182e32}.e-step{background:#d2e8b8;color:#293e31;width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.e-lesson p{margin:14px 0 20px;color:#afc1bc;line-height:1.8}.e-lesson .text-btn{margin-bottom:18px}.e-source{display:block;text-align:center;margin-top:20px}.e-names-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.e-name{padding:22px;border-radius:24px;border:1px solid #d4c4e32a;background:linear-gradient(145deg,#393448,#1e3037);text-align:center}.e-name>div{display:flex;justify-content:space-between;align-items:center;color:#bcaed0}.e-name button{background:none;font-size:25px;min-width:44px;min-height:44px}.e-name h2{font-family:Amiri,serif;font-size:33px;margin:15px 0;color:#eee4f2}.e-name p{font-size:13px;color:#bcaed0}.e-surah{display:flex;gap:15px;align-items:center;padding:16px 20px;background:#183034;border:1px solid #ffffff13;border-radius:19px}.e-surah>div{flex:1}.e-surah p{font-family:Amiri,serif;font-size:22px;color:#bfd4c6;text-align:left}.e-reflection{padding:24px;margin:20px 0;background:#c3d3b414;border-radius:18px;color:#dce8c5}.e-calendar-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;align-items:start}.e-calendar{border-radius:26px;border:1px solid #cee1d621;background:#173034;padding:24px}.e-month{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.e-month h2{text-transform:capitalize;font-size:20px}.e-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.e-weekday{text-align:center;color:#7f9f9d;font-size:12px;margin-bottom:14px}.e-date{min-height:82px;background:#ffffff04;border:1px solid #fff0;border-radius:12px;color:#dbe9df;padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:3px}.e-date strong{font-size:18px;font-weight:500}.e-date small{font-size:8px;line-height:1.3;color:#91aaa4}.e-date i{font-style:normal;color:#9ab7a4}.e-date.today{border-color:#d0e7aa77}.e-date.done{background:#cde7ad;color:#17332b}.e-date.done small,.e-date.done i{color:#4e6b49}.e-date.planned{background:#5b709a3a}.e-date.rest{opacity:.55}.e-calendar>.fine{margin-top:22px}.e-fast-count{font-size:60px;font-weight:250;color:#d2e7b1}.e-fast-count small{font-size:13px;color:#adc3b5;display:block}.e-calendar-layout aside .fine{margin:18px 0}.e-fast-options{display:grid;gap:12px}.e-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.e-widget-card{padding:28px;border-radius:28px;background:linear-gradient(140deg,var(--tint),transparent 70%),#193036;border:1px solid #c5d9d321;display:flex;flex-direction:column}.e-widget-card h2{font-size:25px;font-weight:600}.e-widget-card>p{font-size:13px;color:#9fb8b5;margin-top:9px}.e-widget-example{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;text-align:left;width:190px;max-width:100%;min-height:170px;margin:34px auto;padding:22px;border-radius:26px;background:linear-gradient(145deg,#54706b55,#121f22cc);border:1px solid #d4e6d724;box-shadow:0 16px 36px #0002}.e-widget-example.large{width:100%}.e-widget-example strong{font-size:36px;font-weight:450;color:var(--accent);line-height:1.2}.e-widget-example strong[lang=ar]{font-family:Amiri,serif;font-size:29px}.e-widget-example small{font-size:11px;color:#b9cdc3}.e-widget-example .eyebrow{font-size:8px;line-height:1.7}.e-widget-example h3{font-size:20px;line-height:1.3}.e-widget-sizes{display:flex;gap:5px;justify-content:center;margin-top:auto}.e-widget-sizes button{padding:9px 13px;border-radius:20px;background:transparent;color:#9fb8b2;font-size:11px}.e-widget-sizes button[aria-pressed=true]{background:#fff1;color:#e7f0df}.e-preview-note{padding:17px 20px;border-radius:17px;background:#b8c9db0d;border:1px solid #a5bfdb29;color:#a9c2ce;font-size:12px;line-height:1.7}.e-alarm{max-width:450px;margin:30px auto;border-radius:32px;padding:35px;background:linear-gradient(150deg,#223c52,#172b31);border:1px solid #bed9e72b}.e-alarm>strong{font-size:75px;font-weight:250;display:block;margin:20px 0}.e-alarm .fine{margin-top:23px}.e-lesson-layout .fine{margin-top:16px}#bottom-nav{background:#11292be8;backdrop-filter:blur(25px)}.aside-panel{background:#172d30;border-color:#bdcec01b}.habit{background:#183033}.journey-card{background:linear-gradient(140deg,#2d493d,#1c3739)}
@media(min-width:1400px){.e-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.e-tile{flex-wrap:wrap}.e-tile-copy{flex-basis:65%}.e-arrow{margin-left:auto}}
@media(max-width:1000px){.workspace{padding-left:24px;padding-right:24px}.e-home-top{grid-template-columns:1.6fr 1fr}.e-hero-time{font-size:40px}.e-names-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.e-lesson-layout,.e-calendar-layout{grid-template-columns:1fr}.e-home-bottom{grid-template-columns:1fr 1fr}.e-hero-content{padding:23px}.e-tile{padding:20px;gap:12px}.e-tile strong{font-size:16px}}
@media(max-width:760px){.e-home-top{grid-template-columns:1fr}.e-plan-card{display:grid;grid-template-columns:84px 1fr;gap:7px 16px;text-align:left;align-items:center;padding:20px}.e-plan-card>.eyebrow{grid-column:2;grid-row:1}.e-plan-ring{grid-row:1/4;grid-column:1;width:80px;height:80px;margin:0;padding:3px}.e-plan-ring>span{width:74px;height:74px;font-size:29px}.e-plan-ring small{font-size:9px}.e-plan-card h2{font-size:21px;grid-column:2;grid-row:2}.e-plan-card p{grid-column:2;margin:0;font-size:11px}.e-plan-card .primary{grid-column:1/3;margin-top:9px}.e-prayer-hero,.e-hero-content{min-height:355px}.e-hero-content h2{font-size:27px}.e-hero-time{font-size:41px;max-width:300px}.e-home-bottom{grid-template-columns:1fr}.e-widget-grid{gap:12px}.e-widget-card{padding:20px}.e-widget-card h2{font-size:21px}.e-widget-example{padding:17px}.e-widget-sizes{flex-wrap:wrap}.e-academy-banner{gap:25px;padding:26px}.e-academy-banner h2{font-size:29px}}
@media(max-width:600px){.workspace{padding:0 18px 110px;margin-left:0}#topbar{padding-top:20px;padding-bottom:21px}#prototype-bar{font-size:7px;gap:6px}#prototype-bar button{font-size:9px}h1{font-size:29px}.subtitle{font-size:13px}.page-heading{margin-bottom:22px}.e-quick-grid{gap:11px}.e-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:19px;min-height:155px;position:relative;border-radius:23px}.e-tile-icon{width:43px;height:43px;border-radius:15px}.e-tile-copy{flex:1}.e-tile strong{font-size:16px}.e-tile small{font-size:11px;line-height:1.55}.e-arrow{position:absolute;right:16px;top:18px;opacity:.65}.e-course-list .e-tile{flex-direction:row;align-items:center;min-height:104px}.e-course-list .e-arrow{position:static}.e-section h2{font-size:20px}.e-section .text-btn{font-size:11px}.e-time-row{padding:9px 4px}.e-time-row strong{font-size:12px}.e-time-row small{font-size:9px}.e-hero-top{margin-bottom:28px}.e-calendar{padding:16px}.e-calendar-grid{gap:3px}.e-date{min-height:75px}.e-date small{font-size:7px}.e-month h2{font-size:17px}.e-names-grid{gap:10px}.e-name{padding:16px}.e-name h2{font-size:30px}.e-widget-grid{grid-template-columns:1fr}.e-widget-card{padding:28px}.e-widget-card h2{font-size:27px}.e-widget-example{margin:32px auto;width:200px;min-height:175px;padding:24px}.e-widget-example.large{max-width:340px}.e-widget-sizes button{font-size:12px}.e-book-art{width:75px;height:110px;flex-shrink:0}.e-book-art svg{width:45px}.e-academy-banner h2{font-size:26px}.e-academy-banner{gap:20px;padding:24px}.e-lesson{padding:21px;gap:13px}.e-lesson h2{font-size:20px}.e-surah{gap:9px;padding:14px}.e-surah .quiet{padding:10px;min-height:44px;min-width:44px}.e-surah h3{font-size:14px}.e-story-preview{min-height:225px}.e-home-bottom .companion-home>.text-btn{margin:12px 0}.e-alarm{padding:28px}.side-nav{gap:3px}}
@media(prefers-reduced-motion:reduce){.e-tile{transition:none}}