*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wall:radial-gradient(125% 80% at 82% -8%, #e7c56b38, transparent 55%), radial-gradient(100% 70% at 0% 2%, #1680608c, transparent 55%), radial-gradient(130% 95% at 100% 102%, #084030d9, transparent 58%), linear-gradient(162deg, #0b3d2c 0%, #06281e 56%, #041b14 100%);--scrim:linear-gradient(180deg, #0418128c, transparent);--text:#fff;--ink:255, 255, 255;--gold:#efcb72;--gold-num:#f4dea4;--latin:#ebd9a8;--glass:#ffffff1a;--glass-2:linear-gradient(150deg, #ffffff29, #ffffff0d);--bd:#ffffff26;--bd-2:#ffffff1f;--hi:#ffffff38;--sh-c:#00000047;--track:#0000003d;--bar:#07261c9e;--hair:#ffffff14;--tint:#e9c56b26;--tint-bd:#e9c56b3d;--ring-inner:#0a2e22;--wa:#7fe3b6;--wa-bg:#34d39929;--wa-bd:#34d39947}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wall:radial-gradient(125% 82% at 85% -10%, #e1ba5c57, transparent 55%), radial-gradient(115% 80% at -5% 0%, #28a07633, transparent 52%), linear-gradient(168deg, #eaf3ec 0%, #f4f1e6 55%, #ece6d5 100%);--scrim:linear-gradient(180deg, #f4f8f4a8, transparent);--text:#0e2e24;--ink:14, 46, 36;--gold:#9a6b12;--gold-num:#0f6e50;--latin:#6e5618;--glass:#fff9;--glass-2:linear-gradient(150deg, #fffffff0, #ffffff9e);--bd:#1434281a;--bd-2:#14342812;--hi:#fffffff2;--sh-c:#1c503c24;--track:#0e2e2412;--bar:#f4f8f4bd;--hair:#0e2e2414;--tint:#9a6b1221;--tint-bd:#9a6b1238;--ring-inner:#f4f8f4;--wa:#0e9e68;--wa-bg:#109e681f;--wa-bd:#109e6842}html,body,#spg-root{width:100%;min-height:100%;margin:0}body{background:#071c15;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{appearance:none;color:inherit;border:0}.spg-stage{background:#061d16;place-items:center;min-height:100dvh;padding:0;display:grid}.phone-shell{width:100vw;height:100dvh;color:var(--text);background:var(--wall);-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.phone-shell:before{content:"";pointer-events:none;background:var(--scrim);z-index:2;position:absolute;inset:0}.status-bar{z-index:20;height:52px;color:var(--text);pointer-events:none;justify-content:space-between;align-items:center;padding:13px 28px 0;font-size:15px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.status-icons{align-items:center;gap:6px;display:flex}.dynamic-island{display:none}.scroll-area{z-index:3;scrollbar-width:none;padding:0 18px 126px;position:absolute;inset:0;overflow:hidden auto}.scroll-area::-webkit-scrollbar{display:none}.screen-pad{padding-top:64px}.screen-full{padding:64px 0 0}.header-row,.spread{justify-content:space-between;align-items:center;display:flex}.header-row{margin-bottom:18px}.muted{color:rgba(var(--ink), .58)}.hello{font-size:13px;font-weight:600}.name{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:min(240px,100vw - 154px);margin-top:2px;font-size:23px;font-weight:800;overflow:hidden}.travel-subline{max-width:min(250px,100vw - 154px);color:rgba(var(--ink), .58);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;font-weight:600;line-height:1.3;overflow:hidden}.header-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar,.back-button,.round-play,.small-round,.contact-avatar{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex}.icon-button:active,.avatar:active,.glass-card:active,.action-card:active,.row-card:active,.tab:active,.gold-button:active{transform:scale(.98)}.icon-button,.back-button{width:42px;height:42px;color:var(--gold);background:var(--glass);border:1px solid var(--bd);box-shadow:inset 0 1px 0 var(--hi);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:50%}.avatar,.contact-avatar,.round-play,.gold-button,.active-pill,.active-chip{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e);box-shadow:0 6px 16px #c9a74e59,inset 0 1px #fff9}.avatar{border-radius:50%;width:46px;height:46px;font-size:15px;font-weight:800}.avatar--brand{background:#ffffffe6;border:1px solid #ffffff52;overflow:hidden}.brand-logo{background:#ffffffeb;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.brand-logo img{object-fit:contain;max-width:34px;max-height:34px}.brand-logo--compact{border-radius:12px;width:36px;height:36px}.brand-logo--compact img{max-width:30px;max-height:30px}.brand-logo--initials{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e);font-size:13px;font-weight:900}.glass-card{background:var(--glass);border:1px solid var(--bd);box-shadow:inset 0 1px 0 var(--hi), 0 8px 24px var(--sh-c);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:24px;position:relative;overflow:hidden}.hero-card{background:var(--glass-2);box-shadow:inset 0 1px 0 var(--hi), 0 16px 40px var(--sh-c);border-radius:28px;padding:22px}.hero-star{color:#e9c56b21;position:absolute;top:-34px;right:-26px}.eyebrow{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:800}.screen-title{letter-spacing:0;margin:3px 0 0;font-size:32px;font-weight:800;line-height:1.05}.days-row{align-items:flex-end;gap:12px;margin-top:12px;display:flex}.days-num{color:var(--gold-num);letter-spacing:0;font-size:58px;font-weight:800;line-height:.86}.days-copy{color:rgba(var(--ink), .78);padding-bottom:5px;font-size:14px;line-height:1.25}.date-row,.source-row{color:rgba(var(--ink), .78);align-items:center;gap:7px;font-size:13px;display:flex}.date-row{margin-top:14px}.hairline{background:var(--hair);height:1px;margin:16px 0 13px}.progress-label{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;display:flex}.progress-track{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#cfa74e,#f4dea4);height:100%;box-shadow:0 0 12px #f4dea480}.mini-player{cursor:pointer;border-radius:22px;align-items:center;gap:13px;margin-top:14px;padding:11px 13px;display:flex}.round-play{border-radius:50%;flex:0 0 46px;width:46px;height:46px}.mini-title,.list-title,.brief-title,.profile-name{font-size:15px;font-weight:800}.mini-meta,.list-sub,.profile-meta,.brief-note,.small-text{color:rgba(var(--ink), .58);font-size:12.5px}.eq{align-items:flex-end;gap:3px;height:22px;display:flex}.eq-bar{background:var(--gold);transform-origin:bottom;border-radius:2px;width:3.5px;animation:.5s ease-in-out infinite alternate scg-eq}.quick-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px;display:grid}.action-card{cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-height:86px;padding:14px 3px 11px;display:flex}.action-icon,.row-icon,.number-icon{color:var(--gold);background:var(--tint);border:1px solid var(--tint-bd);justify-content:center;align-items:center;display:flex}.action-icon{border-radius:13px;width:40px;height:40px}.action-label{color:rgba(var(--ink), .9);font-size:11px;font-weight:700}.section-label{margin:24px 4px 10px}.brief-card{padding:16px}.timeline-row{align-items:center;gap:12px;padding:7px 0;display:flex}.time{width:54px;color:var(--gold-num);font-variant-numeric:tabular-nums;flex:0 0 54px;font-size:12px;font-weight:800}.dot{background:#e9c56bb3;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.segmented{background:var(--track);border:1px solid var(--bd);border-radius:16px;gap:4px;margin-top:16px;padding:4px;display:flex}.segment{min-height:42px;color:rgba(var(--ink), .62);cursor:pointer;background:0 0;border-radius:13px;flex:1;font-size:14px;font-weight:800;transition:background .18s,color .18s}.segment.is-active{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e)}.stack{flex-direction:column;gap:10px;margin-top:16px;display:flex}.row-card{text-align:left;cursor:pointer;border-radius:20px;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px;display:flex}.number-icon{border-radius:13px;flex:0 0 42px;width:42px;height:42px;font-size:18px;font-weight:900}.row-icon{border-radius:13px;flex:0 0 42px;width:42px;height:42px}.row-body{flex:1;min-width:0}.row-chevron{color:rgba(var(--ink), .34);flex:none}.search-box{min-height:46px;color:rgba(var(--ink), .52);background:var(--track);border:1px solid var(--bd);border-radius:15px;align-items:center;gap:9px;margin-top:16px;padding:11px 15px;display:flex}.arabic{direction:rtl;font-family:Amiri,serif}.arabic-preview{color:rgba(var(--ink), .62);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:16px;overflow:hidden}.sticky-header{z-index:8;background:var(--bar);border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(20px)saturate(160%);align-items:center;gap:12px;margin:0 -18px;padding:56px 16px 12px;display:flex;position:sticky;top:0}.sticky-title{font-size:17px;font-weight:800}.detail-pad{padding:18px 0 0}.detail-head{align-items:center;gap:14px;display:flex}.detail-glyph{border-radius:18px;flex:0 0 58px;width:58px;height:58px}.detail-title{letter-spacing:0;margin:2px 0 0;font-size:26px;font-weight:900;line-height:1.05}.body-copy{color:rgba(var(--ink), .82);font-size:15px;line-height:1.55}.step-card{background:var(--glass);border:1px solid var(--bd);border-radius:16px;gap:13px;padding:14px;display:flex}.step-num{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e);border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.tip-box,.note-box{color:rgba(var(--ink), .86);background:var(--tint);border:1px solid var(--tint-bd);border-radius:18px;gap:11px;margin-top:18px;padding:15px;display:flex}.gold-button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:16px;font-size:15px;font-weight:800;display:flex}.reader-card{background:var(--glass-2);border-radius:24px;margin-top:16px;padding:26px 22px}.reader-arabic{color:var(--text);text-align:center;text-shadow:0 1px 18px #f4dea42e;font-size:30px;line-height:2.05}.reader-latin{color:var(--latin);text-align:center;font-size:15px;font-style:italic;line-height:1.7}.reader-meaning{color:rgba(var(--ink), .82);text-align:center;margin-top:14px;font-size:14.5px;line-height:1.65}.player-card{border-radius:20px;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.reader-times{color:rgba(var(--ink), .52);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.duo-buttons{gap:10px;margin-top:16px;display:flex}.ghost-button{background:var(--glass);border:1px solid var(--bd);min-height:46px;color:rgba(var(--ink), .86);cursor:pointer;border-radius:14px;flex:1;font-size:14px;font-weight:700}.day-scroll{scrollbar-width:none;gap:8px;margin:0 -18px;padding:16px 18px 6px;display:flex;overflow-x:auto}.day-scroll::-webkit-scrollbar{display:none}.chip{background:var(--glass);border:1px solid var(--bd);min-height:38px;color:rgba(var(--ink), .7);cursor:pointer;border-radius:13px;flex:none;padding:8px 15px;font-size:13px;font-weight:800}.chip.is-active{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e)}.brief-detail{padding:18px}.brief-line{grid-template-columns:48px 14px 1fr;gap:14px;padding-bottom:16px;display:grid;position:relative}.brief-line .time{width:auto;padding-top:1px}.line-pin{flex-direction:column;align-items:center;display:flex}.line-pin:before{content:"";background:var(--gold);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 3px #e9c56b2e}.line-pin:after{content:"";background:var(--hair);flex:1;width:2px;margin-top:3px}.profile-card{background:var(--glass-2);border-radius:22px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.profile-avatar,.contact-avatar{border-radius:50%;width:54px;height:54px;font-size:18px;font-weight:900}.profile-avatar--logo{background:#ffffffeb;border-radius:18px;overflow:hidden}.profile-avatar--logo .brand-logo{border-radius:18px;width:54px;height:54px}.profile-avatar--logo .brand-logo img{max-width:44px;max-height:44px}.brand-pill{min-height:24px;color:var(--gold-num);background:var(--tint);border:1px solid var(--tint-bd);border-radius:999px;align-items:center;margin-top:7px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.row-icon--logo{background:#ffffffeb;overflow:hidden}.row-icon--logo .brand-logo{border-radius:12px;width:40px;height:40px}.row-icon--logo .brand-logo img{max-width:32px;max-height:32px}.contact-cta{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e);border-radius:999px;justify-content:center;align-items:center;min-width:52px;min-height:38px;padding:0 12px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.contact-cta--muted{color:rgba(var(--ink), .62);background:var(--track)}.list-group{background:var(--glass);border:1px solid var(--bd);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:20px;margin-top:18px;overflow:hidden}.menu-row{border-bottom:1px solid var(--hair);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:13px;width:100%;min-height:62px;padding:14px 15px;display:flex}.menu-row:last-child{border-bottom:0}.version{color:rgba(var(--ink), .38);text-align:center;margin-top:22px;font-size:12px}.adab-verse,.map-card,.audio-hero,.check-summary{background:var(--glass-2);border:1px solid var(--bd);box-shadow:inset 0 1px 0 var(--hi);border-radius:22px;padding:22px}.adab-verse .arabic{text-align:center;font-size:24px;line-height:1.9}.map-card{background:radial-gradient(circle at 50% 46%,#146e548c,#06281ee6);height:210px;padding:0;position:relative;overflow:hidden}.kaaba-mark{background:linear-gradient(#f3dda0,#b98c38);border-radius:5px;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 22px #f4dea499}.map-ring-1,.map-ring-2{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-ring-1{border:1.5px dashed #e9c56b59;width:150px;height:150px}.map-ring-2{background:#e9c56b0f;border:1.5px solid #e9c56b73;width:96px;height:96px}.map-label{color:#fff;background:#0006;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:800;position:absolute}.qibla-wrap{flex-direction:column;align-items:center;display:flex}.compass{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(300px,100vw - 48px);height:min(300px,100vw - 48px);margin-top:18px;position:relative}.compass:before{content:"";z-index:3;border-left:9px solid #0000;border-right:9px solid #0000;border-top:16px solid var(--gold-num);width:0;height:0;filter:drop-shadow(0 2px 4px var(--sh-c));position:absolute;top:-3px;left:50%;transform:translate(-50%)}.compass-base{background:var(--glass-2);border:1px solid var(--bd);box-shadow:inset 0 1px 0 var(--hi), 0 12px 34px var(--sh-c);-webkit-backdrop-filter:blur(22px)saturate(170%);border-radius:50%;position:absolute;inset:10px}.compass-dial{transition:transform .12s ease-out;position:absolute;inset:10px}.compass svg{width:100%;height:100%}.kaaba-compass{position:absolute;inset:0}.kaaba-compass>span{color:#0a352a;background:linear-gradient(#f3dda0,#cfa74e);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #c9a74e80}.compass-hub{z-index:2;background:var(--glass);border:1px solid var(--bd);width:130px;height:130px;box-shadow:inset 0 1px 0 var(--hi);-webkit-backdrop-filter:blur(18px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bearing{color:var(--gold-num);letter-spacing:0;font-size:40px;font-weight:900;line-height:1}.check-summary{align-items:center;gap:16px;padding:18px;display:flex}.ring{border-radius:50%;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.ring-inner{width:48px;height:48px;color:var(--gold-num);background:var(--ring-inner);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.check-row{cursor:pointer;border-bottom:1px solid var(--hair);align-items:center;gap:13px;min-height:51px;padding:13px 15px;display:flex}.check-box{border:1.5px solid rgba(var(--ink), .32);background:var(--track);color:#0a352a;border-radius:8px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.check-box.is-checked{background:linear-gradient(#f3dda0,#cfa74e);border-color:#0000}.audio-hero{background:radial-gradient(circle at 50% 40%,#1c8c68b3,#06261cf2);border-radius:26px;justify-content:center;align-items:center;height:170px;display:flex;overflow:hidden}.audio-center{text-align:center;margin-top:18px}.waveform{justify-content:center;align-items:center;gap:3px;height:56px;margin-top:18px;display:flex}.wave-bar{border-radius:2px;width:4px}.audio-controls{justify-content:center;align-items:center;gap:28px;margin-top:14px;display:flex}.big-play{border-radius:50%;width:68px;height:68px}.tabbar-wrap{z-index:10;padding:0 14px max(20px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.tabbar{background:var(--glass);border:1px solid var(--bd);width:100%;max-width:382px;box-shadow:inset 0 1px 0 var(--hi), 0 12px 34px var(--sh-c);-webkit-backdrop-filter:blur(26px)saturate(180%);pointer-events:auto;border-radius:30px;align-items:center;padding:8px;display:flex}.tab{min-height:52px;color:rgba(var(--ink), .52);cursor:pointer;background:0 0;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;display:flex;position:relative}.tab.is-active{color:var(--gold-num)}.tab.is-active:before{content:"";background:radial-gradient(circle,#e9c56b4d,#0000 72%);border-radius:14px;width:50px;height:32px;position:absolute;top:5px}.tab svg,.tab span{z-index:1;position:relative}.tab span{letter-spacing:0;font-size:10px;font-weight:700}svg{display:block;overflow:visible}@keyframes scg-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width>=560px){body{overflow:auto}.spg-stage{background:radial-gradient(60% 80% at 20% 10%,#efcb7238,#0000 60%),radial-gradient(60% 70% at 80% 80%,#2478584d,#0000 60%),#e8ddbd;padding:34px}.phone-shell{border:10px solid #0b0d0f;border-radius:52px;width:402px;height:min(874px,100dvh - 68px);max-height:874px;box-shadow:0 40px 80px #00000042,0 0 0 1px #ffffff1a}.dynamic-island{z-index:30;pointer-events:none;background:#000;border-radius:24px;width:126px;height:37px;display:block;position:absolute;top:11px;left:50%;transform:translate(-50%)}}