:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071322;--bg-deep:#050e1a;--surface:#0d1b2e;--surface-2:#12243a;--surface-3:#172c45;--gold:#e1b95f;--gold-soft:#f2d58a;--gold-muted:#b68a39;--ivory:#f7f0df;--text:#f7f4ec;--text-2:#bdc5d0;--text-3:#8f9aaa;--line:#e1b95f40;--line-strong:#e1b95f8c;--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow:0 28px 80px #00000054;--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, "Segoe UI", Arial, sans-serif;--tap:48px}*{box-sizing:border-box}html{background:var(--bg-deep);scroll-behavior:smooth;min-width:320px}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 48% 18%,#1d3d5b52,#0000 38%),linear-gradient(#071322 0%,#06111f 52%,#050e1a 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.15;background-image:url(/brand/mihrab-pattern.svg);background-size:560px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}.app-shell{min-height:100vh;position:relative}.topbar{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e1ae8;border-bottom:1px solid #e1b95f29;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1440px,100%);min-height:82px;margin:0 auto;padding:10px clamp(18px,4vw,54px);display:flex}.brand-wordmark{align-items:center;gap:13px;min-width:250px;display:flex}.brand-mark{filter:drop-shadow(0 6px 16px #e1b95f24);flex:none;width:52px;height:52px}.brand-copy{gap:4px;display:grid}.brand-copy strong{color:var(--ivory);font-family:var(--font-display);font-size:1.18rem;font-weight:600;line-height:1}.brand-copy span{color:var(--gold-soft);letter-spacing:.045em;font-size:.73rem}.desktop-nav{align-items:stretch;gap:6px;display:flex}.desktop-nav a{min-height:60px;color:var(--text-2);align-items:center;gap:8px;padding:0 15px;font-weight:650;display:flex;position:relative}.desktop-nav a:after{content:"";background:0 0;border-radius:999px;height:3px;position:absolute;bottom:0;left:18px;right:18px}.shell-main{z-index:2;width:min(1440px,100%);margin:0 auto;padding:0 clamp(18px,4vw,54px) 180px;position:relative}.home-page{gap:30px;display:grid}.hero-approved{text-align:center;background:radial-gradient(circle at 50% 48%,#1b41586b,#0000 42%),linear-gradient(#07132226,#040e1973);border-bottom:1px solid #e1b95f29;place-items:center;min-height:470px;margin:0 calc(-1*clamp(18px,4vw,54px));padding:62px clamp(18px,6vw,100px) 48px;display:grid;position:relative;overflow:hidden}.hero-ornament{opacity:.75;pointer-events:none;width:min(900px,92vw);height:auto;position:absolute;inset:auto 0 0 50%;transform:translate(-50%)}.hero-approved-content{z-index:2;justify-items:center;gap:20px;width:min(820px,100%);display:grid;position:relative}.hero-kicker,.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.095em;margin:0;font-size:.81rem;font-weight:800}.hero-approved h1{max-width:850px;color:var(--ivory);font-family:var(--font-display);margin:0;font-size:clamp(2.55rem,5vw,4.25rem);font-weight:600;line-height:1.05}.lead{max-width:760px;color:var(--text-2);margin:0;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.primary-search{border:1px solid var(--line-strong);background:#0d1b2edb;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(760px,100%);min-height:62px;padding:8px 9px 8px 17px;display:grid;box-shadow:0 20px 55px #00000038}.primary-search svg{color:var(--gold)}.primary-search input{width:100%;min-width:0;color:var(--text);caret-color:var(--gold-soft);background:0 0;border:0;outline:0;font-size:1rem}.primary-search input::placeholder{color:var(--text-2)}.primary-search button{border:1px solid var(--gold);background:linear-gradient(135deg, var(--gold-soft), var(--gold));color:#071322;cursor:pointer;border-radius:9px;min-width:86px;min-height:46px;font-weight:800}.popular-searches{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.83rem;display:flex}.chip,.topic-chip,.badge,.status-pill{min-height:34px;color:var(--text-2);background:#091829b3;border:1px solid #e1b95f38;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.home-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.home-action-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#162b44f0,#09192bf5);align-content:center;justify-items:center;gap:12px;min-height:188px;padding:22px 15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff06}.home-action-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 16px 35px #0003}.home-action-icon{background:#e1b95f0e;border:1px solid #e1b95f47;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.home-action-card strong{color:var(--ivory);font-family:var(--font-display);font-size:1.22rem;font-weight:600}.home-action-card p{color:var(--text-2);margin:0;font-size:.85rem;line-height:1.5}.home-lower{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.panel,.panel-feature,.product-card,.list-row,.settings-row,.empty-state,.source-card,.search-panel{border-radius:var(--radius);background:linear-gradient(145deg,#13273ef0,#0a1a2cf5);border:1px solid #e1b95f30;box-shadow:inset 0 1px #ffffff06}.panel,.panel-feature,.search-panel{padding:22px}.section-heading,.panel-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.section-heading h2,.panel-header h2,h2{color:var(--ivory);font-family:var(--font-display);margin:5px 0 0;font-weight:600}.continue-empty,.favorites-empty{background:#05101d6b;border-radius:13px;justify-content:space-between;align-items:center;gap:22px;min-height:138px;padding:20px;display:flex}.continue-empty strong,.favorites-empty strong{color:var(--ivory);margin-bottom:7px;display:block}.continue-empty p,.favorites-empty p,.row-meta p{color:var(--text-2);margin:0;line-height:1.55}.gold-button{white-space:nowrap;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#06111f;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-weight:800;display:inline-flex}.plain-link{color:var(--gold-soft);font-weight:700}.listening-resume{justify-content:space-between;align-items:center;gap:20px;min-height:110px;display:flex}.resume-copy{gap:6px;display:grid}.resume-copy span{color:var(--text-2)}.round-play,.player-main{border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--gold));border-radius:50%;place-items:center;display:grid}.round-play{width:66px;height:66px}.resume-progress{background:#ffffff1a;border-radius:999px;height:4px;overflow:hidden}.resume-progress span{background:var(--gold);height:100%;display:block}.footer{z-index:2;min-height:120px;color:var(--gold-soft);text-align:center;border-top:1px solid #e1b95f1f;justify-items:center;gap:7px;padding:28px 18px 145px;display:grid;position:relative}.footer small{color:var(--text-3)}.mini-player{z-index:80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#071423f7;border:0;border-top:1px solid #e1b95f52;border-radius:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 40px #00000057}.mini-player-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(1440px,100%);min-height:82px;margin:0 auto;padding:9px clamp(18px,4vw,54px);display:grid}.mini-brand{align-items:center;gap:11px;min-width:0;display:flex}.row-meta{gap:4px;min-width:0;display:grid}.row-meta strong{color:var(--ivory)}.row-meta span,.row-meta p{color:var(--text-2);font-size:.82rem}.player-controls{align-items:center;gap:10px;display:flex}.player-icon{background:0 0;border:0;place-items:center;width:48px;height:48px;display:grid}.player-icon:disabled{opacity:.45}.player-main{width:58px;height:58px}.player-list{color:var(--gold-soft);justify-self:end;align-items:center;gap:8px;display:flex}.progress-track{background:#ffffff12;height:3px}.progress-track span{background:var(--gold);height:100%;display:block}.bottom-nav{display:none}.page-stack,.section-grid,.content-grid,.page-grid,.source-grid{gap:16px;display:grid}.compact-title{color:var(--ivory);font-family:var(--font-display);margin:8px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.product-card{min-height:145px;padding:16px}.list-row,.settings-row{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:78px;padding:15px;display:grid}.row-icon{border:1px solid var(--line);background:#e1b95f0f;border-radius:12px;place-items:center;width:50px;height:50px;display:grid}.settings-list{gap:12px;display:grid}.settings-row{grid-template-columns:auto 1fr}.about-panel{align-items:center;gap:20px;display:flex}.about-panel p{color:var(--gold-soft)}.about-panel small{color:var(--text-3);margin-top:12px;display:block}.selector,.toolbar,.chip-row{flex-wrap:wrap;gap:9px;display:flex}.source-card,.empty-state{padding:18px}@media (max-width:1100px){.home-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav a{padding-inline:10px}.desktop-nav a span{display:none}}@media (max-width:760px){.topbar-inner{min-height:72px;padding:9px 15px}.brand-wordmark{min-width:0}.brand-mark{width:46px;height:46px}.brand-copy strong{font-size:1.03rem}.brand-copy span{font-size:.65rem}.desktop-nav{display:none}.shell-main{padding-inline:14px;padding-bottom:220px}.hero-approved{min-height:auto;margin-inline:-14px;padding:40px 18px 34px}.hero-approved h1{font-size:clamp(2.15rem,10vw,3.1rem)}.lead{font-size:.96rem;line-height:1.55}.primary-search{min-height:58px}.primary-search button{min-width:68px}.popular-searches span:first-child{width:100%}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-action-card{min-height:155px;padding:17px 10px}.home-action-icon{width:60px;height:60px}.home-action-card strong{font-size:1.08rem}.home-action-card p{font-size:.78rem}.home-lower{grid-template-columns:1fr}.continue-empty,.favorites-empty{flex-direction:column;align-items:stretch}.gold-button{justify-content:center;width:100%;min-height:56px}.footer{padding-bottom:215px}.mini-player{bottom:72px}.mini-player-inner{grid-template-columns:1fr auto;min-height:76px;padding:8px 14px}.mini-brand img{width:38px;height:38px}.player-controls{gap:4px}.player-icon{display:none}.player-main{width:56px;height:56px}.player-list{display:none}.bottom-nav{z-index:90;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#06111ffb;border-top:1px solid #e1b95f47;display:block;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{grid-template-columns:repeat(5,1fr);min-height:72px;display:grid}.bottom-nav a{min-width:0;min-height:72px;color:var(--text-3);align-content:center;place-items:center;gap:5px;font-size:.67rem;font-weight:700;display:grid}.bottom-nav a img{opacity:.72}.bottom-nav a[aria-current=page]{color:var(--gold-soft);background:#e1b95f0e}.bottom-nav a[aria-current=page] img{opacity:1}.panel,.panel-feature,.search-panel{padding:17px}}@media (max-width:390px){.brand-copy span{display:none}.hero-approved h1{font-size:2.05rem}.home-action-card p{display:none}.home-action-card{min-height:132px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--bg:#0b2e23;--bg-deep:#061d17;--surface:#0f382b;--surface-2:#134e3a;--surface-3:#1a5c45;--gold:#d4af37;--gold-soft:#f2d99a;--gold-muted:#b99232;--ivory:#f7f4ea;--text:#f7f4ea;--text-2:#d1d8cf;--text-3:#9eaea4;--line:#d4af3747;--line-strong:#f2d99a94}html{background:#061d17}body{background:radial-gradient(circle at 75% 8%,#1f7a5b3d,#0000 30%),radial-gradient(circle at 8% 28%,#134e3a57,#0000 34%),linear-gradient(#0b2e23 0%,#08281f 48%,#061d17 100%)}body:before{opacity:.08;background-image:url(/brand/mihrab-pattern.svg)}.topbar{background:#061d17f2;border-bottom-color:#d4af3738}.topbar-inner{width:min(1460px,100%);min-height:88px}.brand-wordmark{min-width:0}.official-horizontal-logo{object-fit:contain;object-position:left center;width:auto;height:64px;display:block}.desktop-nav a{color:#cbd6ce}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#f7f4ea}.desktop-nav a[aria-current=page]:after{background:#d4af37}.shell-main{width:min(1460px,100%)}.emerald-home{gap:26px;display:grid}.emerald-hero{background:radial-gradient(circle at 83% 47%,#1f7a5b47,#0000 31%),linear-gradient(115deg,#061d1733,#0f382b59);border-bottom:1px solid #d4af3733;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:clamp(30px,6vw,86px);min-height:530px;margin-inline:calc(-1*clamp(18px,4vw,54px));padding:clamp(45px,6vw,78px) clamp(24px,6vw,96px);display:grid;position:relative;overflow:hidden}.emerald-hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#d4af3706 1px,#0000 1px),linear-gradient(#d4af3706 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 85%,#0000)}.emerald-hero-copy{z-index:2;gap:22px;max-width:780px;display:grid;position:relative}.emerald-brand-slogan{color:#d4af37;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.emerald-hero h1{color:#f7f4ea;max-width:760px;font-family:var(--font-display);margin:0;font-size:clamp(2.6rem,4.8vw,4.65rem);font-weight:600;line-height:1.04}.emerald-hero h1 span{color:#f2d99a}.emerald-lead{color:#d1d8cf;max-width:720px;margin:0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.72}.emerald-hero .primary-search{background:#061d17d1;border-color:#d4af378c;width:min(720px,100%);box-shadow:0 18px 50px #00000038}.emerald-hero .primary-search button{color:#09251c;background:linear-gradient(135deg,#f2d99a,#d4af37)}.emerald-popular{color:#9eaea4;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.emerald-hero-emblem{z-index:2;place-items:center;min-height:380px;display:grid;position:relative}.emerald-hero-emblem img{z-index:2;filter:drop-shadow(0 28px 50px #0000006b);width:min(400px,32vw);height:auto;position:relative}.emblem-glow{filter:blur(6px);background:radial-gradient(circle,#d4af372b,#1f7a5b17 42%,#0000 72%);border-radius:50%;width:330px;height:330px;position:absolute}.continue-priority{margin-top:-2px}.continue-priority .panel-feature{background:linear-gradient(135deg,#134e3af2,#08281ffa);border-color:#d4af375c;box-shadow:0 18px 55px #0000002e}.emerald-action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.emerald-action-card{text-align:center;background:linear-gradient(155deg,#134e3af5,#08281ffa);border:1px solid #d4af3740;border-radius:17px;align-content:center;justify-items:center;gap:12px;min-height:178px;padding:21px 14px;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffff06}.emerald-action-card:hover{background:linear-gradient(155deg,#1a5c45fa,#0a3025fa);border-color:#f2d99a99;transform:translateY(-3px)}.emerald-action-icon{background:#d4af370e;border:1px solid #d4af375c;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.emerald-action-card strong{color:#f7f4ea;font-family:var(--font-display);font-size:1.18rem;font-weight:600}.emerald-action-card p{color:#c5d0c8;margin:0;font-size:.83rem;line-height:1.5}.emerald-mission{background:linear-gradient(100deg,#0b2e23e6,#134e3aad);border:1px solid #d4af3738;border-radius:18px;align-items:center;gap:24px;min-height:150px;margin-bottom:18px;padding:24px 30px;display:flex}.emerald-mission img{filter:drop-shadow(0 12px 28px #00000047);flex:none}.emerald-mission h2{color:#f2d99a;margin:4px 0 7px}.emerald-mission p{color:#cbd6ce;margin:0}.panel,.panel-feature,.product-card,.list-row,.settings-row,.empty-state,.source-card,.search-panel{background:linear-gradient(145deg,#134e3af0,#08281ff7);border-color:#d4af3738}.row-icon{background:#d4af3711;border-color:#d4af374d}.gold-button,.round-play,.player-main{color:#08281f;background:linear-gradient(135deg,#f2d99a,#d4af37)}.plain-link{color:#f2d99a}.footer{color:#f2d99a;background:#061d1773;border-top-color:#d4af3729}.mini-player{background:#061d17f9;border-top-color:#d4af3761}.progress-track span,.resume-progress span{background:#d4af37}.bottom-nav{background:#061d17fc;border-top-color:#d4af374d}.bottom-nav a[aria-current=page]{color:#f2d99a;background:#d4af370f}@media (max-width:1080px){.emerald-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.emerald-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}}@media (max-width:760px){.topbar-inner{min-height:76px}.official-horizontal-logo{max-width:245px;height:52px}.emerald-hero{grid-template-columns:1fr;gap:26px;min-height:auto;margin-inline:-14px;padding:36px 18px 30px}.emerald-hero-copy{order:1}.emerald-hero-emblem{order:0;min-height:auto}.emerald-hero-emblem img{width:min(220px,58vw)}.emblem-glow{width:220px;height:220px}.emerald-brand-slogan{text-align:center}.emerald-hero h1{text-align:center;font-size:clamp(2.15rem,10vw,3rem)}.emerald-lead{text-align:center;font-size:.95rem;line-height:1.55}.emerald-popular{justify-content:center}.continue-priority{margin-top:0}.emerald-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.emerald-action-card{min-height:150px;padding:17px 10px}.emerald-action-icon{width:58px;height:58px}.emerald-action-card p{font-size:.76rem}.emerald-mission{align-items:flex-start;padding:20px}.emerald-mission img{width:58px;height:58px}}@media (max-width:390px){.official-horizontal-logo{max-width:205px;height:46px}.emerald-action-card p{display:none}.emerald-action-card{min-height:128px}}.mini-player .player-main,.continue-listening .round-play{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s,box-shadow .16s,filter .16s;position:relative;color:#fff!important;background:radial-gradient(circle at 30% 22%,#ffffffbd 0,#ffffff2e 19%,#0000 35%),linear-gradient(155deg,#8dddff 0%,#3aa8ff 42%,#1767ff 100%)!important;border:1px solid #95defff2!important;box-shadow:inset 0 1px #ffffffb8,inset 0 -7px 16px #0a30aa52,0 9px 22px #00000047,0 0 0 5px #2ea6ff1c,0 0 30px #2ea6ff61!important}.mini-player .player-main{border-radius:999px;width:62px;height:62px}.continue-listening .round-play{border-radius:999px;width:64px;height:64px}.mini-player .player-main:hover,.mini-player .player-main:focus-visible,.continue-listening .round-play:hover,.continue-listening .round-play:focus-visible{filter:saturate(1.08)brightness(1.04);transform:translateY(-2px)scale(1.035);box-shadow:inset 0 1px #ffffffd1,inset 0 -8px 17px #0a30aa59,0 14px 28px #0000004f,0 0 0 6px #2ea6ff24,0 0 38px #2ea6ff85!important}.mini-player .player-main img,.continue-listening .round-play img{filter:brightness(0)invert();opacity:.98}.mini-player .mini-brand>img{object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #0000003d,0 0 0 1px #d4af372e}@media (max-width:720px){.mini-player .player-main,.continue-listening .round-play{width:60px;height:60px}}.emerald-hero h1{letter-spacing:-.025em;max-width:720px;font-size:clamp(2.45rem,3.45vw,3.55rem)!important;line-height:1.08!important}@media (max-width:1080px){.emerald-hero h1{font-size:clamp(2.3rem,4.6vw,3.15rem)!important}}@media (max-width:760px){.emerald-hero h1{letter-spacing:-.018em;font-size:clamp(2rem,8vw,2.65rem)!important;line-height:1.1!important}}@media (max-width:390px){.emerald-hero h1{font-size:clamp(1.85rem,8.5vw,2.3rem)!important}}.settings-row .row-meta p,.product-card .row-meta p{display:none!important}@media (max-width:760px){.shell-main{padding-left:12px;padding-right:12px}.panel{padding:18px 16px}.settings-row{min-height:68px;padding:12px 14px}.settings-row .row-icon{width:46px;height:46px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:126px;padding:15px 10px}.product-card .row-icon{width:58px;height:58px}.product-card .row-meta strong{font-size:1rem}.mini-player-inner{min-height:74px}.mini-player .mini-brand .row-meta{max-width:125px}.mini-player .mini-brand .row-meta span{display:none}.mini-player .player-main{width:58px;height:58px}.player-list span{display:none}}@media (max-width:390px){.product-card{min-height:116px}.product-card .row-icon{width:52px;height:52px}.mini-player .player-main{width:56px;height:56px}}.state-panel{padding:18px}.state-list{gap:10px;display:grid}.state-row{background:#07261d61;border:1px solid #d4af3738;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px 14px;display:grid}.state-main{gap:5px;min-width:0;display:grid}.state-main strong{color:#f7f4ea;font-size:.98rem}.state-main span{color:#aebdb4;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.state-favorite,.state-clear{color:#d4af37;cursor:pointer;background:#d4af370e;border:1px solid #d4af374d;border-radius:50%;place-items:center;width:46px;height:46px;display:inline-grid}.state-favorite:hover,.state-favorite:focus-visible,.state-clear:hover,.state-clear:focus-visible{background:#d4af371c;border-color:#f2d99ab3}.state-favorite.is-active{color:#f2d99a;background:#d4af3721}@media (max-width:760px){.state-panel{padding:12px}.state-row{min-height:68px;padding:10px}.state-main strong{font-size:.94rem}.state-favorite,.state-clear{width:48px;height:48px}}.surah-hero-panel{padding:clamp(22px,4vw,34px)}.surah-meta-line{color:#c6d3ca;align-items:center;gap:8px;margin-top:14px;font-size:.92rem;display:inline-flex}.surah-product-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:20px;display:grid}.meal-sidebar{position:sticky;top:106px}.meal-panel-heading{margin-bottom:17px}.meal-panel-heading h2{color:#f7f4ea;font-family:var(--font-display);margin:4px 0 0;font-size:1.28rem}.meal-choice-list{gap:10px;display:grid}.meal-choice-card{color:#f7f4ea;background:linear-gradient(135deg,#124b37d1,#07271de6);border:1px solid #d4af373b;border-radius:17px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:78px;padding:13px 12px;transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}a.meal-choice-card:hover,a.meal-choice-card:focus-visible{background:linear-gradient(135deg,#185c44f0,#092e23f5);border-color:#f2d99a85;transform:translateY(-2px)}.meal-choice-card.is-selected{background:radial-gradient(circle at 15% 0,#d4af371f,#0000 45%),linear-gradient(135deg,#1b6047fa,#082b20fa);border-color:#f2d99ac7;box-shadow:0 13px 30px #00000029,inset 0 0 0 1px #f2d99a14}.meal-choice-card.is-disabled{cursor:default;opacity:.68;filter:saturate(.78)}.meal-choice-icon{color:#d4af37;background:#d4af370e;border:1px solid #d4af3752;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.is-selected .meal-choice-icon{color:#08281f;background:linear-gradient(145deg,#f2d99a,#d4af37);border-color:#f2d99a;box-shadow:0 6px 17px #d4af372e}.meal-choice-copy{gap:3px;min-width:0;display:grid}.meal-choice-copy strong{color:#f7f4ea;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.meal-choice-copy small{color:#aebdb4;font-size:.72rem}.meal-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:.66rem;font-weight:800}.meal-status.is-selected{color:#08281f;background:linear-gradient(145deg,#f2d99a,#d4af37)}.meal-status.is-ready{color:#d9eee5;background:#3dae7c29}.meal-status.is-locked{color:#c1cbc5;background:#ffffff0e}.verified-reader{padding:clamp(20px,3vw,32px)}.verified-reader-heading{border-bottom:1px solid #d4af372e;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.verified-reader-heading h2{color:#f7f4ea;font-family:var(--font-display);margin:4px 0 0;font-size:clamp(1.55rem,2.7vw,2.15rem)}.verified-pill{color:#f2d99a;background:#d4af3711;border:1px solid #d4af3759;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:800}.meal-opening{color:#f2d99a;text-align:center;font-family:var(--font-display);background:#d4af3709;border:1px solid #d4af3736;border-radius:15px;margin:24px 0 10px;padding:16px 18px;font-size:clamp(1.05rem,2vw,1.28rem)}.meal-segment-list{margin-top:14px;display:grid}.meal-segment{border-bottom:1px solid #d4af371f;grid-template-columns:44px minmax(0,1fr);align-items:flex-start;gap:16px;padding:20px 6px;display:grid}.meal-segment:last-child{border-bottom:0}.ayah-number{color:#f2d99a;width:40px;height:40px;font-family:var(--font-display);background:radial-gradient(circle,#d4af3717,#d4af3706);border:1px solid #d4af375e;border-radius:50%;place-items:center;font-size:.9rem;display:grid}.meal-segment p{color:#f1f1e9;margin:1px 0 0;font-size:clamp(1rem,1.55vw,1.12rem);line-height:1.78}.reader-empty-visual{color:#d4af3761;place-items:center;min-height:330px;display:grid}@media (max-width:900px){.surah-product-grid{grid-template-columns:1fr}.meal-sidebar{order:-1;position:static}.meal-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.meal-choice-card{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:110px}.meal-choice-copy{justify-items:center}.meal-status{margin-top:2px}}@media (max-width:640px){.meal-choice-list{grid-template-columns:1fr}.meal-choice-card{justify-items:initial;text-align:left;grid-template-columns:46px minmax(0,1fr) auto;min-height:72px;padding:10px}.meal-choice-copy{justify-items:initial}.meal-segment{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 2px}.ayah-number{width:36px;height:36px}.meal-segment p{font-size:1rem;line-height:1.68}.verified-reader-heading{align-items:center}}