@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700}@font-face{font-family:Poppins;src:url(/fonts/Poppins-ExtraBold.ttf)format("truetype");font-weight:800}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-Bold.ttf)format("truetype");font-weight:700}:root{color:#fff6e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--night-base:#020914;--night-base-alt:#061225;--night-surface:#07162a;--night-card:#0a1830;--night-card-light:#102543;--gold:#c9a76a;--gold-deep:#9b6f18;--gold-bright:#f0c978;--gold-soft:#ffe5ad;--cream:#fff6e8;--cream-soft:#e8dcc8;--muted:#9aa6ba;--line-soft:#ffe5ad26;--line-strong:#ffe5ad47;--green:#6fd0a3;--rose:#f08c96;--shadow-deep:0 22px 42px #00000070;background:#020914;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--night-base);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -120px,#f0c97821,#0000 290px),linear-gradient(#020914 0%,#061225 62%,#020914 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%;display:block}h1,h2,p{letter-spacing:0;margin:0}#root{min-height:100vh}.app-shell{width:min(100%,430px);min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(106px + env(safe-area-inset-bottom));background:radial-gradient(circle at 78% 7%, #c9a76a24, transparent 150px), linear-gradient(180deg, var(--night-base) 0%, var(--night-base-alt) 100%);margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #ffe5ad0f}.app-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020914e6;grid-template-columns:48px 1fr 48px;align-items:center;height:58px;padding:0 12px;display:grid;position:sticky;top:0}.header-icon,.header-icon-placeholder{place-items:center;width:44px;height:44px;display:grid}.header-icon,.brand-lockup,.back-button,.story-title,.row-copy,.collection-card,.wide-collection,.settings-row,.toast{color:inherit;background:0 0;border:0}.header-icon{color:var(--gold-soft);border-radius:16px}.header-icon:active,.bottom-nav button:active,.icon-button:active,.tiny-play:active,.audio-controls button:active,.dua-actions button:active{transform:scale(.97)}.brand-lockup{color:var(--gold);letter-spacing:2.3px;justify-self:center;align-items:center;gap:7px;padding:0;font-size:25px;font-weight:800;line-height:1;display:inline-flex}.brand-lockup img{object-fit:contain;width:35px;height:35px}.content-zone{min-height:calc(100dvh - 160px)}.screen{padding:10px 18px 28px}.home-screen{padding-top:8px}.audio-hero{background:var(--night-card);border:1px solid var(--line-soft);height:214px;box-shadow:var(--shadow-deep);border-radius:28px;position:relative;overflow:hidden}.audio-hero img,.collection-hero>img,.episode-detail>img,.story-art img,.collection-card img,.wide-collection img,.row-cover img,.mini-player-top img{object-fit:cover;width:100%;height:100%}.audio-hero:after{content:"";background:linear-gradient(#02091405,#02091457 45%,#020914e6),linear-gradient(90deg,#0209148f,#0000 56%);position:absolute;inset:0}.audio-hero-overlay{z-index:1;color:var(--cream);grid-template-columns:1fr auto;align-items:end;gap:10px;padding:18px 18px 16px;display:grid;position:absolute;inset:auto 0 0}.audio-hero-overlay span{color:var(--gold-soft);margin-bottom:5px;font-size:12px;font-weight:700;line-height:1.2;display:block}.audio-hero h1{color:var(--cream);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:26px;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.audio-controls{grid-template-columns:38px 54px 38px;align-items:center;gap:8px;display:grid}.audio-controls button,.mini-icon,.mini-round,.tiny-play,.icon-button{border:0;place-items:center;display:grid}.audio-controls button{width:38px;height:38px;color:var(--cream);background:#fff6e824;border-radius:999px}.audio-controls .play-main{background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:54px;height:54px;color:var(--night-base);box-shadow:0 12px 22px #00000052}.hero-progress{background:#fff6e82e;border-radius:999px;grid-column:1/-1;height:3px;margin-top:8px;overflow:hidden}.hero-progress i,.progress-track i,.mini-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--gold-bright), var(--gold));height:100%;display:block}.playlist-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.playlist-row button{border:1px solid var(--line-soft);min-height:56px;color:var(--cream-soft);background:#0a1830bd;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.playlist-row svg{color:var(--gold-bright)}.rail-section,.collection-grid-section,.season-band,.episode-list,.settings-list,.episode-list-section{margin-top:22px}.section-header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.section-header h2{color:var(--cream);font-size:19px;font-weight:700;line-height:1.15}.section-header span,.muted-line{color:var(--muted);font-size:12px;font-weight:700}.episode-rail{scrollbar-width:none;grid-auto-columns:138px;grid-auto-flow:column;gap:12px;padding:1px 2px 8px;display:grid;overflow-x:auto}.episode-rail::-webkit-scrollbar{display:none}.horizontal-collections::-webkit-scrollbar{display:none}.chip-rail::-webkit-scrollbar{display:none}.story-card{min-width:0}.story-art{aspect-ratio:1/1.2;border:1px solid var(--line-soft);background:var(--night-card);border-radius:20px;width:138px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000042}.lock-badge{width:28px;height:28px;color:var(--gold-soft);background:#020914c2;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.story-title{text-align:left;width:100%;min-height:40px;color:var(--cream);margin-top:9px;padding:0;font-size:13px;font-weight:700;line-height:1.16}.story-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.story-meta span,.eyebrow,.status-pill,.detail-facts span{align-items:center;gap:6px;display:inline-flex}.tiny-play{width:30px;height:30px;color:var(--gold-bright);background:#ffe5ad21;border-radius:999px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.collection-card{border:1px solid var(--line-soft);text-align:left;background:#0a1830c7;border-radius:20px;min-height:166px;padding:0;overflow:hidden;box-shadow:0 10px 22px #00000038}.collection-card img{height:112px}.collection-card span,.collection-card small{padding:0 10px;display:block}.collection-card span{color:var(--cream);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:9px;font-size:14px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.collection-card small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:700}.horizontal-collections{gap:10px;display:grid}.wide-collection,.episode-row,.settings-row{border:1px solid var(--line-soft);background:#0a1830c2;border-radius:20px;align-items:center;gap:12px;min-height:72px;padding:10px;display:grid}.wide-collection{text-align:left;grid-template-columns:54px 1fr 24px}.wide-collection img,.row-cover img{border-radius:15px}.wide-collection span{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.wide-collection svg{color:var(--gold-soft)}.back-button{min-height:38px;color:var(--cream-soft);align-items:center;gap:7px;padding:0 2px;font-size:13px;font-weight:700;display:inline-flex}.collection-hero{background:linear-gradient(135deg, var(--night-card-light), var(--night-card));border:1px solid var(--line-soft);min-height:154px;color:var(--cream);box-shadow:var(--shadow-deep);border-radius:24px;grid-template-columns:124px 1fr;align-items:end;gap:16px;margin-top:10px;padding:14px;display:grid}.collection-hero>img{border-radius:18px;width:124px;height:124px}.eyebrow{color:var(--gold-bright);margin-bottom:10px;font-size:12px;font-weight:800}.collection-hero h1{color:var(--cream);font-size:24px;font-weight:700;line-height:1.08}.collection-hero p{color:var(--muted);margin-top:7px;font-size:13px;font-weight:700}.episode-list{gap:10px;display:grid}.episode-row{grid-template-columns:58px 1fr 40px}.row-cover{background:var(--night-card-light);border:0;border-radius:15px;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.row-cover svg{color:var(--gold-soft);filter:drop-shadow(0 1px 4px #00000073);position:absolute;top:5px;right:5px}.row-copy{text-align:left;min-width:0;padding:0}.row-copy strong,.row-copy span{display:block}.row-copy strong{color:var(--cream);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.22;display:-webkit-box;overflow:hidden}.row-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:700;overflow:hidden}.icon-button{width:40px;height:40px;color:var(--gold-bright);background:#ffe5ad1a;border-radius:14px}.icon-button.warm{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--night-base)}.episode-detail,.paywall,.auth-panel,.profile-panel,.success-panel,.empty-state,.settings-title,.library-intro{border:1px solid var(--line-soft);background:linear-gradient(#102543eb,#0a1830e0);border-radius:24px;margin-top:16px;padding:18px;box-shadow:0 14px 30px #0000003d}.episode-detail{text-align:center}.episode-detail>img{aspect-ratio:1;border-radius:22px;max-height:330px}.episode-detail h1,.profile-panel h1,.success-panel h1,.empty-state h1,.paywall h1,.settings-title h1,.library-intro h1{color:var(--cream);margin-top:14px;font-size:25px;font-weight:700;line-height:1.15}.settings-title h1,.library-intro h1{margin-top:0}.episode-detail p,.profile-panel p,.success-panel p,.empty-state p,.paywall p,.library-intro p{color:var(--cream-soft);margin-top:8px;font-size:14px;font-weight:500;line-height:1.45}.status-pill{color:var(--green);background:#6fd0a321;border-radius:999px;margin-top:14px;padding:7px 10px;font-size:12px;font-weight:800}.status-pill.locked,.status-pill.muted{color:var(--rose);background:#f08c961f}.detail-facts{color:var(--muted);justify-content:center;gap:12px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.primary-action,.ghost-action{letter-spacing:0;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:800;display:inline-flex}.primary-action{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--night-base);box-shadow:0 12px 24px #00000042}.ghost-action{color:var(--cream);border:1px solid var(--line-strong);background:#fff6e81f}.primary-action.full{width:100%;margin-top:18px}.search-box{z-index:12;border:1px solid var(--line-strong);min-height:54px;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1830f0;border-radius:18px;grid-template-columns:24px 1fr 30px;align-items:center;gap:8px;padding:0 12px;display:grid;position:sticky;top:66px}.search-box.embedded{margin-top:14px;position:relative;top:auto}.search-box input{width:100%;color:var(--cream);background:0 0;border:0;outline:0;font-weight:600}.search-box input::placeholder{color:#e8dcc894}.search-box button{width:30px;height:30px;color:var(--cream-soft);background:#fff6e81a;border:0;border-radius:10px;place-items:center;display:grid}.suggestions,.chip-rail{scrollbar-width:none;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.suggestions button,.chip-rail button,.memory-filters button{border:1px solid var(--line-soft);min-height:38px;color:var(--cream-soft);background:#102543c7;border-radius:999px;flex:none;padding:0 13px;font-size:12px;font-weight:700}.chip-rail button.active,.memory-filters button.active{color:var(--gold-soft);background:#c9a76a2e;border-color:#f0c978b3}.mode-switch,.memory-filters,.segmented{border:1px solid var(--line-soft);background:#0209146b;border-radius:18px;padding:4px;display:grid}.mode-switch{grid-template-columns:1fr 1fr;margin-top:14px}.memory-filters{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px}.mode-switch button,.segmented button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:14px;font-size:13px;font-weight:800}.mode-switch button.active,.segmented button.active{background:linear-gradient(180deg, var(--night-card-light), var(--night-card));color:var(--gold-soft);border:1px solid var(--line-soft)}.dua-list{gap:12px;margin-top:18px;display:grid}.dua-card{border:1px solid var(--line-soft);background:linear-gradient(#102543f0,#0a1830e6);border-radius:22px;padding:16px}.dua-card.known{border-color:#6fd0a36b}.dua-card-head{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.dua-card-head svg{color:var(--green)}.arabic-text{color:var(--cream);text-align:right;margin-top:14px;font-family:Noto Naskh Arabic,serif;font-size:30px;line-height:1.7}.dua-card h2{color:var(--cream);margin-top:12px;font-size:18px;line-height:1.24}.transliteration,.meaning{color:var(--cream-soft);margin-top:7px;font-size:13px;line-height:1.45}.meaning{color:var(--muted)}.dua-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.dua-actions button{border:1px solid var(--line-soft);min-height:42px;color:var(--cream-soft);background:#fff6e814;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.dua-actions button.active{color:var(--gold-soft);background:#c9a76a2e;border-color:#f0c9788f}.profile-panel,.success-panel,.empty-state{text-align:center}.profile-panel.guest svg,.success-panel>svg,.empty-state>svg{color:var(--gold-bright)}.profile-panel small{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.4;display:block}.avatar{width:72px;height:72px;color:var(--gold-bright);background:#020914b8;border-radius:22px;place-items:center;margin:0 auto;font-size:28px;font-weight:800;display:grid}.settings-list{gap:10px;display:grid}.settings-row{text-align:left;grid-template-columns:28px 1fr auto}.settings-row>svg{color:var(--gold)}.settings-row strong,.settings-row span{display:block}.settings-row strong{color:var(--cream);font-size:14px;font-weight:800}.settings-row span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.action-row.danger>svg,.action-row.danger strong{color:var(--rose)}.paywall{text-align:center}.plan-stack{gap:10px;margin-top:18px;display:grid}.plan{border:1px solid var(--line-strong);min-height:104px;color:var(--cream);text-align:left;background:#0209145c;border-radius:20px;padding:14px;position:relative}.plan.selected{border:2px solid var(--gold-bright);background:#c9a76a24}.plan strong,.plan span,.plan small,.plan em{display:block}.plan span{color:var(--cream-soft);font-size:13px;font-weight:800}.plan strong{margin-top:5px;font-size:26px;font-weight:800;line-height:1}.plan small{color:var(--muted);margin-top:8px;font-size:12px;font-weight:700;line-height:1.35}.plan em{color:var(--green);background:#6fd0a326;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:14px;right:14px}.paywall-reassurance{color:var(--green);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:800;line-height:1.35;display:inline-flex}.legal-copy{white-space:pre-line;color:var(--muted)!important;font-size:12px!important}.auth-panel form{gap:12px;margin-top:16px;display:grid}.auth-panel input{border:1px solid var(--line-strong);width:100%;height:54px;color:var(--cream);background:#0209145c;border-radius:16px;outline:0;padding:0 14px;font-weight:600}.segmented{grid-template-columns:1fr 1fr}.success-panel>svg{color:var(--green)}.empty-state{color:var(--gold)}.empty-state h1{font-size:24px}.loading-state{min-height:420px;color:var(--gold-bright);place-items:center;display:grid}.loading-state svg,.busy-pill svg,.primary-action:disabled svg{animation:1s linear infinite spin}.bottom-nav{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07162aeb;border:1px solid #ffe5ad26;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(100% - 28px,402px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #0006}.bottom-nav button{min-width:0;min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:22px;place-items:center;gap:3px;font-size:11px;font-weight:800;display:grid}.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.bottom-nav button.active{color:var(--gold-soft);background:linear-gradient(#f0c97838,#c9a76a1f)}.mini-player-top{z-index:35;border:1px solid var(--line-soft);min-height:68px;color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#102543fa,#0a1830f5);border-radius:22px;grid-template-columns:38px 44px 28px 1fr 28px 28px;align-items:center;gap:8px;margin:8px 18px 6px;padding:10px 10px 8px;display:grid;position:sticky;top:8px;overflow:hidden;box-shadow:0 10px 24px #00000061}.mini-progress{background:#fff6e81f;height:2px;position:absolute;top:0;left:0;right:0}.mini-player-top img{border-radius:13px;width:44px;height:44px}.mini-round{background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:38px;height:38px;color:var(--night-base);border-radius:999px}.mini-icon{width:28px;height:38px;color:var(--cream-soft);background:0 0;border-radius:12px}.mini-copy{min-width:0}.mini-copy strong,.mini-copy span{display:block}.mini-copy strong{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.18;overflow:hidden}.mini-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-weight:700;overflow:hidden}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;background:var(--night-card-light);border:1px solid var(--line-soft);max-width:min(402px,100% - 28px);color:var(--cream);border-radius:16px;padding:12px 14px;font-size:13px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 18px 38px #00000061}.busy-pill{right:calc(50% - min(215px,50vw) + 16px);top:calc(74px + env(safe-area-inset-top));z-index:55;background:var(--night-card-light);border:1px solid var(--line-soft);width:36px;height:36px;color:var(--gold-bright);border-radius:14px;place-items:center;display:grid;position:fixed;box-shadow:0 12px 28px #0000004d}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=720px){.app-shell{border-radius:28px;min-height:calc(100dvh - 36px);margin-top:18px;margin-bottom:18px;overflow:clip}.bottom-nav{bottom:28px}}@media (width<=380px){.screen{padding-inline:14px}.audio-hero{height:202px}.audio-hero h1{font-size:24px}.episode-rail{grid-auto-columns:126px}.story-art{width:126px}.collection-hero{grid-template-columns:104px 1fr}.collection-hero>img{width:104px;height:104px}.mini-player-top{grid-template-columns:36px 42px 1fr 28px 28px}.mini-player-top .mini-icon:first-of-type{display:none}.dua-actions{grid-template-columns:1fr}}