@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:#111b2d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#ede1c6;--surface:#f7edda;--surface-alt:#e4d8bc;--surface-elevated:#fff8ea;--text:#111b2d;--text-secondary:#4a5568;--text-muted:#667184;--gold:#9f6f14;--gold-soft:#edd588;--gold-bg:#f5e49a;--gold-bright:#e8c87a;--border:#c8b480;--white:#fff;--green:#0f8b6f;--rose:#b91c1c;--image-overlay:#111b2d;--shadow:0 10px 22px #8b6b2d24;--shadow-strong:0 18px 36px #8b6b2d2e;--text-scale:1;background:#ede1c6;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#fff;--page:#020914;--surface:#141e35;--surface-alt:#1e2d4a;--surface-elevated:#07162a;--text:#fff;--text-secondary:#fcfaf7;--text-muted:#9aa6ba;--gold:#c9a76a;--gold-soft:#e8c87a;--gold-bg:#2c2415;--gold-bright:#e8c87a;--border:#1e2d4a;--white:#020914;--image-overlay:#020914;--shadow:0 10px 22px #00000047;--shadow-strong:0 18px 36px #0000005c;background:#020914}:root[data-text-scale="0.9"]{--text-scale:.9}:root[data-text-scale="1.2"]{--text-scale:1.2}*{box-sizing:border-box}html{background:var(--page);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -160px, #f5e49a80, transparent 320px), linear-gradient(180deg, #f5f0e8 0%, var(--page) 42%, #e5d5af 100%);min-width:320px;min-height:100vh;margin:0}:root[data-theme=dark] body{background:radial-gradient(circle at 50% -160px,#e8c87a29,#0000 320px),linear-gradient(#020914 0% 42%,#141e35 100%)}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:var(--page);margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 0 1px #9f6f1414}.app-shell.player-shell{padding-bottom:0}.app-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ede1c6f0;grid-template-columns:48px 1fr 48px;align-items:center;height:58px;padding:0 10px;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-tile,.wide-collection,.settings-row,.toast{color:inherit;background:0 0;border:0}.header-icon{color:var(--gold);border-radius:16px}.header-icon:active,.bottom-nav button:active,.icon-button:active,.tiny-play:active,.audio-controls button:active,.dua-actions button:active,.collection-tile:active{transform:scale(.97)}.brand-lockup{color:var(--gold);font-size:calc(25px * var(--text-scale));letter-spacing:2.3px;justify-self:center;align-items:center;gap:2px;padding:0;font-weight:800;line-height:1;display:inline-flex}.brand-lockup img{object-fit:contain;width:52px;height:52px}.content-zone{min-height:calc(100dvh - 160px)}.android-play-redirect{background:radial-gradient(circle at top, #ca9b4633, transparent 34%), linear-gradient(180deg, var(--cream) 0%, #f6ead6 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.android-play-redirect-card{text-align:center;width:min(430px,100%);color:var(--text);background:#fffaf2f5;border:1px solid #9f6f143d;border-radius:30px;justify-items:center;gap:14px;padding:30px 24px;display:grid;box-shadow:0 24px 60px #5339172e}.android-play-redirect-icon{width:66px;height:66px;color:var(--gold);background:#9f6f1424;border-radius:22px;place-items:center;display:grid}.android-play-redirect-card img{width:min(190px,70%);height:auto}.android-play-redirect-card h1{font-family:var(--font-title);margin:4px 0 0;font-size:clamp(24px,7vw,34px);line-height:1.05}.android-play-redirect-card p{max-width:330px;color:var(--text-secondary);font-size:15px;line-height:1.45}.android-play-redirect-card a{background:var(--gold);min-height:48px;color:var(--white);border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #9f6f143d}.screen{padding:10px 18px 28px}.home-screen{padding-top:10px}.audio-hero{background:var(--surface);cursor:pointer;border:1px solid #9f6f143d;border-radius:20px;height:218px;position:relative;overflow:hidden;box-shadow:0 18px 28px #9f6f1429}.audio-hero:focus-visible{outline-offset:3px;outline:3px solid #9f6f146b}@media (height>=820px){.audio-hero{height:232px}}@media (height<=719px){.audio-hero{height:200px}}.audio-hero img,.collection-hero>img,.episode-detail>img,.story-art img,.collection-tile 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(#111b2d00,#111b2d54 48%,#111b2dc9);position:absolute;inset:0}.audio-hero-overlay{z-index:1;color:#fff6e8;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px;padding:16px 18px;display:flex;position:absolute;inset:0}.audio-hero-overlay span{color:#fff6e8;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:500;line-height:1.2;display:block;overflow:hidden}.audio-hero h1{color:#fff6e8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:29px;font-weight:600;line-height:1.07;display:-webkit-box;overflow:hidden}.audio-controls{align-items:flex-end;gap:8px;display:flex}.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(--gold);background:#f7eddaf0;border:1px solid #9f6f1461;border-radius:999px}.audio-controls .play-main{background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:50px;height:50px;color:var(--white);border:0;box-shadow:0 8px 18px #111b2d3d}.hero-progress{background:#fff6e857;border-radius:999px;flex:1;height:3px;margin:0 0 8px 4px;overflow:hidden}.hero-progress i,.progress-track i,.mini-progress i{border-radius:inherit;background:var(--gold-bright);height:100%;display:block}.playlist-section{margin-top:32px}.playlist-strip{align-items:center;gap:12px;height:72px;display:flex}.playlist-shortcut{background:var(--surface-elevated);max-width:168px;min-height:72px;color:var(--text);border:1px solid #9f6f1447;border-radius:20px;flex:auto;align-items:center;gap:12px;padding:9px 12px;display:inline-flex;box-shadow:0 7px 14px #9f6f1414}.playlist-icon{width:40px;height:40px;color:var(--gold);background:#9f6f1429;border-radius:15px;flex:none;place-items:center;display:grid}.playlist-shortcut span,.playlist-shortcut strong,.playlist-shortcut small{min-width:0;display:block}.playlist-shortcut>span:last-child{text-align:left;overflow:hidden}.playlist-shortcut strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.playlist-shortcut small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.playlist-add{background:var(--gold);width:54px;height:54px;color:var(--white);border:0;border-radius:999px;flex:0 0 54px;place-items:center;display:grid;box-shadow:0 8px 18px #9f6f142e}.rail-section,.collection-rail-section,.season-band,.episode-list,.settings-list,.episode-list-section{margin-top:28px}.section-header{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-header h2{min-width:0;color:var(--text);font-size:calc(21px * var(--text-scale));text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.15;overflow:hidden}.section-header span,.muted-line{color:var(--text-muted);font-size:calc(12px * var(--text-scale));font-weight:700}.episode-rail{scrollbar-width:none;grid-auto-columns:168px;grid-auto-flow:column;gap:14px;height:252px;padding:1px 28px 8px 0;display:grid;overflow-x:auto}.collection-shelf{scrollbar-width:none;grid-auto-columns:clamp(138px,38vw,164px);grid-auto-flow:column;gap:14px;min-height:218px;padding:1px 28px 8px 0;display:grid;overflow-x:auto}.top-stories-shelf{scrollbar-width:none;grid-auto-columns:168px;grid-auto-flow:column;gap:14px;height:240px;padding:1px 28px 8px 0;display:grid;overflow-x:auto}.episode-rail::-webkit-scrollbar{display:none}.collection-shelf::-webkit-scrollbar{display:none}.top-stories-shelf::-webkit-scrollbar{display:none}.horizontal-collections::-webkit-scrollbar{display:none}.chip-rail::-webkit-scrollbar{display:none}.story-card{min-width:0;height:252px}.story-art{background:var(--surface);border:1px solid #9f6f142e;border-radius:18px 18px 0 0;width:168px;height:178px;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 16px #9f6f1414}.story-art:after,.collection-tile:after{content:"";pointer-events:none;background:linear-gradient(#111b2d08,#111b2d2e);position:absolute;inset:0}.story-play-overlay{z-index:1;background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:38px;height:38px;color:var(--white);border-radius:999px;place-items:center;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #111b2d3d}.lock-badge{z-index:1;min-height:28px;color:var(--gold);background:#f7eddaf0;border:1px solid #9f6f1457;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:9px;left:9px}.story-title{background:var(--surface);text-align:center;width:100%;height:74px;color:var(--text);border:1px solid #9f6f142e;border-top:0;border-radius:0 0 18px 18px;align-content:start;gap:7px;padding:10px 12px 11px;display:grid;overflow:hidden;box-shadow:0 8px 16px #9f6f1414}.story-title span{max-height:calc(var(--story-title-size,17px) * 2.16);-webkit-line-clamp:2;color:var(--text);font-size:var(--story-title-size,17px);text-wrap:balance;text-overflow:ellipsis;overflow-wrap:normal;word-break:normal;-webkit-box-orient:vertical;font-weight:600;line-height:1.08;display:-webkit-box;overflow:hidden}.story-title small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.eyebrow,.status-pill,.detail-facts span{align-items:center;gap:6px;display:inline-flex}.tiny-play{background:var(--gold);width:34px;height:34px;color:var(--white);border-radius:999px}.top-story-card{min-width:0;position:relative}.top-story-rank{z-index:0;color:#0000;-webkit-text-stroke:2.4px #9f6f1447;font-size:108px;font-weight:900;line-height:1;position:absolute;top:-4px;left:-3px}.top-story-panel{z-index:1;border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:18px;padding:0;position:absolute;inset:8px 0 0 34px;overflow:hidden}.top-story-cover{height:162px;display:block;position:relative;overflow:hidden}.top-story-cover img{object-fit:cover;width:100%;height:100%}.top-story-cover:after{content:"";background:linear-gradient(#111b2d05,#111b2d29);position:absolute;inset:0}.premium-badge{z-index:1;color:#020914;background:#9f6f14f0;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;line-height:1;position:absolute;bottom:7px;left:7px;box-shadow:0 2px 8px #111b2d2e}.top-story-title{border-top:1px solid var(--border);min-height:58px;color:var(--text);text-align:center;padding:10px 10px 8px;display:block;overflow:hidden}.top-story-title span{max-height:calc(var(--top-story-title-size,17px) * 3.24);-webkit-line-clamp:3;color:var(--text);font-size:var(--top-story-title-size,17px);text-wrap:balance;text-overflow:ellipsis;-webkit-box-orient:vertical;font-weight:600;line-height:1.08;display:-webkit-box;overflow:hidden}.collection-tile{background:var(--surface);text-align:center;height:212px;box-shadow:var(--shadow);border:1px solid #9f6f1442;border-radius:18px;padding:0;position:relative;overflow:hidden}.collection-tile img{position:absolute;inset:0}.collection-tile span{z-index:1;color:#fff6e8;text-align:center;text-shadow:0 2px 8px #111b2d85;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(14px,4.4vw,20px);font-weight:600;line-height:1.05;display:-webkit-box;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.collection-tile:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#111b2d00,#111b2dcc);position:absolute;inset:0}.collection-tile i{z-index:2;width:34px;height:34px;color:var(--gold);background:#f7eddaf0;border:1px solid #9f6f147a;border-radius:999px;place-items:center;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 4px 10px #111b2d2e}.horizontal-collections{gap:10px;display:grid}.wide-collection,.episode-row,.settings-row{background:#f7eddadb;border:1px solid #c8b480ad;border-radius:18px;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:14px}.wide-collection span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.wide-collection svg{color:var(--gold)}.back-button{min-height:38px;color:var(--gold);align-items:center;gap:7px;padding:0 2px;font-size:13px;font-weight:700;display:inline-flex}.collection-hero{background:var(--surface);min-height:154px;color:var(--text);box-shadow:var(--shadow);border:1px solid #9f6f143d;border-radius:22px;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);margin-bottom:10px;font-size:12px;font-weight:800}.collection-hero h1{color:var(--text);font-size:24px;font-weight:700;line-height:1.08}.collection-hero p{color:var(--text-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(--surface-alt);border:0;border-radius:14px;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.row-cover svg{color:var(--white);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(--text);-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(--text-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);background:#9f6f141f;border-radius:14px}.icon-button.warm{background:var(--gold);color:var(--white)}.episode-detail,.paywall,.auth-panel,.profile-panel,.success-panel,.empty-state,.settings-title,.library-intro{box-shadow:var(--shadow);background:#f7eddae6;border:1px solid #c8b480ad;border-radius:22px;margin-top:16px;padding:18px}.episode-detail{text-align:center}.episode-detail>img{aspect-ratio:1;border-radius:20px;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(--text);font-size:calc(25px * var(--text-scale));margin-top:14px;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(--text-secondary);font-size:calc(14px * var(--text-scale));margin-top:8px;font-weight:500;line-height:1.45}.status-pill{color:var(--green);background:#0f8b6f21;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:#b91c1c1a}.detail-facts{color:var(--text-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:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-weight:800;display:inline-flex}.primary-action{background:var(--gold);color:var(--white);box-shadow:0 8px 18px #9f6f142e}.ghost-action{color:var(--gold);background:#fff8eab8;border:1px solid #9f6f1447}.primary-action.full{width:100%;margin-top:18px}.player-screen{background:var(--page);min-height:100dvh;color:var(--text);position:relative;overflow:hidden}.player-cover-bg{object-fit:cover;width:100%;height:min(76dvh,680px);position:absolute;inset:0 0 auto}.player-gradient{background:linear-gradient(180deg, #111b2d2e 0%, #111b2d05 32%, #ede1c661 55%, #ede1c6e6 72%, var(--page) 100%);position:absolute;inset:0}.player-collapse{top:calc(18px + env(safe-area-inset-top));z-index:2;width:78px;height:78px;color:var(--text);background:#f7eddaeb;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;left:18px;box-shadow:0 10px 18px #111b2d29}.player-panel{z-index:1;min-height:100dvh;padding:calc(48dvh + env(safe-area-inset-top)) 28px calc(30px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex;position:relative}.player-title-block{text-align:center}.player-title-block h1{color:var(--text);font-size:calc(29px * var(--text-scale));text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.player-meta{color:var(--gold);font-size:calc(15px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-weight:700;overflow:hidden}.player-track{color:var(--text-muted);font-size:calc(13px * var(--text-scale));margin-top:3px;font-weight:700}.player-progress-control{margin-top:22px}.player-progress-control input{width:100%;accent-color:var(--gold)}.player-progress-control>div{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:13px;font-weight:600;display:flex}.player-main-controls{grid-template-columns:44px 62px 82px 62px 44px;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:grid}.player-main-controls button,.player-secondary-actions button{color:var(--gold);background:0 0;border:0}.player-round-main,.player-round-secondary{border-radius:999px;place-items:center;display:grid}.player-round-main{width:82px;height:82px;box-shadow:0 16px 28px #9f6f144d;background:var(--gold)!important;color:var(--white)!important;border:2px solid #ffffffeb!important}.player-round-secondary{width:62px;height:62px;position:relative;background:#f7eddab3!important;border:1px solid #9f6f1442!important}.player-round-secondary span{color:var(--gold);place-items:center;padding-top:1px;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.player-secondary-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;display:grid}.player-secondary-actions button{min-width:0;color:var(--text);place-items:center;gap:8px;font-size:12px;font-weight:800;display:grid}.player-secondary-actions svg{color:var(--text)}.player-secondary-actions button.active,.player-secondary-actions button.active svg{color:var(--gold)}.player-action-sheet{background:#fff8eadb;border:1px solid #9f6f1438;border-radius:24px;margin-top:18px;padding:16px;box-shadow:0 14px 26px #111b2d1a}.player-action-sheet-head{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;display:flex}.player-action-sheet-head button{color:var(--text-muted);background:0 0;border:0}.player-queue-list{gap:8px;max-height:220px;display:grid;overflow:auto}.player-queue-list button,.player-sheet-grid button,.player-details-card button{min-height:48px;color:var(--text);text-align:left;background:#f7eddac2;border:1px solid #9f6f1429;border-radius:16px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.player-queue-list button.active,.player-sheet-grid button.active{background:#9f6f1424;border-color:#9f6f1485}.player-queue-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-queue-list small,.player-sheet-muted,.player-details-card span{color:var(--text-muted);font-size:12px;font-weight:700}.player-sheet-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.player-sheet-grid button,.player-details-card button{text-align:center;grid-template-columns:1fr;justify-items:center;font-weight:800}.player-details-card{gap:10px;display:grid}.player-details-card p{justify-content:space-between;gap:12px;margin:0;display:flex}.search-box{z-index:12;background:var(--surface);border:1px solid var(--border);min-height:54px;color:var(--text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;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(--text);background:0 0;border:0;outline:0;font-weight:600}.search-box input::placeholder{color:#4a5568a8}.search-box button{width:30px;height:30px;color:var(--gold);background:#9f6f141a;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{min-height:38px;color:var(--text-secondary);background:#f7eddadb;border:1px solid #9f6f143d;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);background:#9f6f1421;border-color:#9f6f147a}.mode-switch,.memory-filters,.segmented{background:#e4d8bc9e;border:1px solid #c8b480ad;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(--text-muted);background:0 0;border:0;border-radius:14px;font-size:13px;font-weight:800}.mode-switch button.active,.segmented button.active{background:var(--surface-elevated);color:var(--gold);border:1px solid #9f6f142e}.dua-list{gap:12px;margin-top:18px;display:grid}.dua-card{background:#f7eddae6;border:1px solid #c8b480ad;border-radius:22px;padding:16px;box-shadow:0 8px 16px #9f6f1414}.dua-card.known{border-color:#0f8b6f57}.dua-card-head{color:var(--text-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(--text);text-align:right;margin-top:14px;font-family:Noto Naskh Arabic,serif;font-size:30px;line-height:1.7}.dua-card h2{color:var(--text);margin-top:12px;font-size:18px;line-height:1.24}.transliteration,.meaning{color:var(--text-secondary);margin-top:7px;font-size:13px;line-height:1.45}.meaning{color:var(--text-muted)}.dua-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.dua-actions.single{grid-template-columns:1fr}.allah-name-card .arabic-text{font-size:34px}.dua-actions button{min-height:42px;color:var(--text-secondary);background:#fff8eab8;border:1px solid #9f6f1438;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);background:#9f6f1424;border-color:#9f6f147a}.profile-panel,.success-panel,.empty-state{text-align:center}.profile-panel.guest svg,.success-panel>svg,.empty-state>svg{color:var(--gold)}.profile-panel small{color:var(--text-muted);margin-top:14px;font-size:12px;line-height:1.4;display:block}.avatar{width:72px;height:72px;color:var(--gold);background:#9f6f1424;border-radius:22px;place-items:center;margin:0 auto;font-size:28px;font-weight:800;display:grid}.profile-screen{gap:18px;display:grid}.profile-subscription-card{width:100%;min-height:96px;color:var(--text);text-align:center;background:#f7edda6b;border:1px solid #9f6f1480;border-radius:28px;grid-template-columns:38px 1fr 24px;align-items:center;gap:12px;padding:16px;display:grid}.profile-subscription-card.upgrade{background:linear-gradient(135deg,#fff 0%,#fff4d6 100%);grid-template-columns:58px 1fr;box-shadow:0 12px 22px #9f6f141f}.profile-subscription-card>svg{color:var(--gold)}.profile-subscription-card span,.profile-subscription-card strong,.profile-subscription-card small,.profile-subscription-card em{min-width:0;display:block}.profile-subscription-card strong{color:var(--gold);font-size:calc(18px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.15;overflow:hidden}.profile-subscription-card small{color:var(--text-muted);font-size:calc(13px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-weight:600;overflow:hidden}.profile-subscription-card em{color:var(--text-secondary);font-size:calc(12px * var(--text-scale));margin-top:4px;font-style:normal;font-weight:800}.profile-stats-card,.social-support-card{background:linear-gradient(135deg,#fff 0%,#fff7e1 100%);border:1px solid #9f6f146b;border-radius:24px;padding:16px;box-shadow:0 12px 24px #9f6f1424}.profile-stats-card>header,.social-support-card>header{grid-template-columns:54px 1fr auto;align-items:center;gap:12px;display:grid}.profile-stats-card>header h1,.social-support-card>header h2{color:var(--text);font-size:calc(23px * var(--text-scale));font-weight:900;line-height:1.1}.social-support-card>header h2{font-size:calc(16px * var(--text-scale))}.profile-stats-card>header p,.social-support-card>header p{color:var(--text-muted);font-size:calc(13px * var(--text-scale));margin-top:4px;font-weight:700;line-height:1.25}.profile-stats-card>header>svg{color:var(--gold);animation:1s linear infinite spin}.profile-stats-icon,.social-support-card>header>span,.profile-metric span,.profile-continue-heading>span,.profile-progress-icon,.profile-journey-start>span{color:var(--gold);background:#9f6f1421;border-radius:16px;place-items:center;display:grid}.profile-stats-icon,.social-support-card>header>span{width:54px;height:54px}.profile-metrics{border-bottom:1px solid #9f6f142e;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding-bottom:14px;display:grid}.profile-metric{text-align:center;min-width:0}.profile-metric span{width:44px;height:44px;margin:0 auto 8px}.profile-metric strong,.profile-metric small{display:block}.profile-metric strong{color:var(--text);font-size:calc(27px * var(--text-scale));font-weight:900;line-height:1}.profile-metric small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));margin-top:5px;font-weight:800;line-height:1.1}.profile-continue{margin-top:14px}.profile-continue-heading{grid-template-columns:46px 1fr;align-items:center;gap:12px;display:grid}.profile-continue-heading>span{width:46px;height:46px}.profile-continue-heading strong,.profile-continue-heading small{display:block}.profile-continue-heading strong{color:var(--text);font-size:calc(17px * var(--text-scale));font-weight:900}.profile-continue-heading small{color:var(--text-muted);font-size:calc(13px * var(--text-scale));margin-top:3px;font-weight:700}.profile-progress-list{gap:10px;margin-top:12px;display:grid}.profile-progress-row{min-height:86px;color:var(--text);text-align:left;background:#fff8eab8;border:1px solid #c8b480ad;border-radius:20px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.profile-progress-icon{width:48px;height:48px}.profile-progress-copy{min-width:0}.profile-progress-copy strong,.profile-progress-copy small,.profile-progress-copy i{display:block}.profile-progress-copy strong{color:var(--text);font-size:calc(15px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.profile-progress-copy small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));margin-top:4px;font-weight:800}.profile-progress-copy i{background:#9f6f142b;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.profile-progress-copy b{border-radius:inherit;background:var(--gold);height:100%;display:block}.profile-progress-row em{color:var(--gold);font-size:calc(12px * var(--text-scale));background:#9f6f1421;border-radius:999px;padding:9px 12px;font-style:normal;font-weight:900}.profile-journey-start{width:100%;color:var(--text);text-align:left;background:#9f6f141a;border:1px solid #9f6f143d;border-radius:20px;grid-template-columns:46px 1fr 22px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:grid}.profile-journey-start>span{width:46px;height:46px}.profile-journey-start strong,.profile-journey-start small{display:block}.profile-journey-start strong{color:var(--text);font-size:calc(14px * var(--text-scale));font-weight:900}.profile-journey-start small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));margin-top:4px;font-weight:700;line-height:1.25}.social-tile-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.social-tile-grid button{min-width:0;min-height:56px;color:var(--text);font-size:calc(12px * var(--text-scale));text-align:left;background:#9f6f1412;border:1px solid;border-radius:16px;grid-template-columns:30px 1fr 16px;align-items:center;gap:9px;padding:8px 10px;font-weight:900;display:grid}.social-tile-grid .instagram{color:#c13584}.social-tile-grid .tiktok{color:#111827}.social-tile-grid .youtube{color:#e53935}.social-tile-grid .facebook{color:#1877f2}.social-dot{background:#fff8eac7;border-radius:11px;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:grid}.profile-logout{border:1px solid var(--border);min-height:50px;color:var(--text-secondary);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.settings-screen{padding-top:4px}.settings-topbar{grid-template-columns:48px 1fr 48px;align-items:center;min-height:54px;margin-bottom:14px;display:grid}.settings-topbar button{width:42px;height:42px;color:var(--gold);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.settings-topbar h1{color:var(--text);font-size:calc(22px * var(--text-scale));text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.1;overflow:hidden}.settings-list{gap:10px;display:grid}.settings-section{gap:10px;margin-top:18px;display:grid}.settings-section>h2{color:var(--text);font-size:calc(16px * var(--text-scale));text-align:center;font-weight:900;line-height:1.2}.settings-row{text-align:left;background:#fff8eab8;border-color:#c8b480ad;grid-template-columns:28px 1fr auto;min-height:72px}.settings-row>svg{color:var(--gold)}.settings-row strong,.settings-row span{display:block}.settings-row strong{color:var(--text);font-size:14px;font-weight:800}.settings-row span{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:700}.settings-version{color:var(--text-muted);font-size:calc(12px * var(--text-scale));text-align:center;margin-top:18px;font-weight:700}.appearance-card{box-shadow:var(--shadow);background:#fff8eab8;border:1px solid #c8b480ad;border-radius:22px;gap:14px;padding:16px;display:grid}.settings-card-title{color:var(--text);align-items:center;gap:9px;display:inline-flex}.settings-card-title svg{color:var(--gold)}.settings-card-title strong{font-size:calc(15px * var(--text-scale));font-weight:900}.appearance-card h2{color:var(--text);font-size:calc(16px * var(--text-scale));font-weight:800;line-height:1.2}.appearance-card p{color:var(--text-muted);font-size:calc(12px * var(--text-scale));font-weight:600;line-height:1.35}.settings-radio-list{gap:8px;display:grid}.settings-radio{min-height:44px;color:var(--text);text-align:left;background:#e4d8bc8f;border:1px solid #9f6f142e;border-radius:14px;grid-template-columns:1fr 24px;align-items:center;gap:10px;padding:8px 12px;display:grid}.settings-radio.has-icon{grid-template-columns:22px 1fr 24px}.settings-radio svg{color:var(--gold)}.settings-radio.selected{border-color:var(--gold);background:#9f6f141a}.settings-radio span{color:var(--text);font-size:calc(14px * var(--text-scale));font-weight:800}.settings-radio i{border:2px solid var(--border);width:24px;height:24px;color:var(--gold);border-radius:999px;place-items:center;font-style:normal;display:grid}.settings-radio.selected i{border-color:var(--gold);background:#9f6f141f}.settings-divider{background:var(--border);height:1px;margin:4px 0}.notification-panel{gap:10px;display:grid}.settings-switch-row{min-height:82px;color:var(--text);background:#fff8eab8;border:1px solid #c8b480ad;border-radius:20px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.settings-switch-row>span{width:42px;height:42px;color:var(--gold);background:#9f6f1421;border-radius:15px;place-items:center;display:grid}.settings-switch-row>div{min-width:0}.settings-switch-row strong,.settings-switch-row small{display:block}.settings-switch-row strong{color:var(--text);font-size:calc(14px * var(--text-scale));text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.2;overflow:hidden}.settings-switch-row small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));margin-top:4px;font-weight:700;line-height:1.25}.settings-switch-row.active{background:#9f6f141a;border-color:#9f6f1470}.switch-control{background:#838d9d52;border:0;border-radius:999px;align-items:center;width:48px;height:30px;padding:3px;display:inline-flex}.switch-control i{background:var(--white);border-radius:999px;width:24px;height:24px;transition:transform .16s;box-shadow:0 2px 7px #111b2d2e}.switch-control.active{background:var(--gold)}.switch-control.active i{transform:translate(18px)}.time-chip{min-width:56px;min-height:32px;color:var(--gold);font-size:calc(12px * var(--text-scale));background:#fff8ead1;border:1px solid #9f6f1438;border-radius:999px;padding:0 10px;font-weight:900}.action-row.danger>svg,.action-row.danger strong{color:var(--rose)}.paywall-screen{padding-top:6px}.paywall-topbar{justify-content:space-between;align-items:center;min-height:42px;display:flex}.circle-back{background:var(--surface);width:40px;height:40px;color:var(--text);border:0;border-radius:999px;place-items:center;display:grid;box-shadow:0 6px 14px #8b6b2d1a}.restore-link,.auth-text-link{color:var(--gold);background:0 0;border:0;font-size:13px;font-weight:800}.restore-link{color:var(--text-muted)}.paywall{box-shadow:none;text-align:center;background:0 0;border:0;margin-top:8px;padding:0 0 14px}.paywall h1{max-width:330px;font-size:calc(26px * var(--text-scale));margin:0 auto;font-weight:800;line-height:1.08}.paywall p{font-size:calc(13px * var(--text-scale));margin-top:8px;font-weight:600;line-height:1.35}.paywall-preview-showcase{gap:9px;width:calc(100% + 36px);margin:14px 0 0 -18px;display:grid;overflow:hidden}.paywall-preview-rail{gap:10px;width:max-content;animation:34s linear infinite paywall-marquee;display:flex}.paywall-preview-rail.reverse{animation-name:paywall-marquee-reverse}.paywall-preview-card{background:var(--surface-alt);border-radius:12px;flex:0 0 clamp(82px,28vw,112px);height:clamp(98px,35vw,140px);position:relative;overflow:hidden;box-shadow:0 6px 14px #111b2d1f}.paywall-preview-card img{object-fit:cover;width:100%;height:100%}.paywall-preview-card:after{content:"";background:linear-gradient(#111b2d0d,#111b2d9e);position:absolute;inset:0}.paywall-preview-card span{z-index:1;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.1;position:absolute;bottom:6px;left:5px;right:5px;overflow:hidden}@keyframes paywall-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes paywall-marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.plan-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.plan{border:1px solid var(--border);min-height:112px;color:var(--text);text-align:left;background:#f7eddadb;border-radius:16px;padding:18px 12px 12px;position:relative}.plan.selected{border:2px solid var(--gold);background:#e4d8bcb8}.plan span{color:var(--text-muted);font-size:12px;font-weight:800;display:block}.plan strong{color:var(--text);align-items:end;gap:3px;margin-top:5px;font-size:18px;font-weight:900;line-height:1;display:flex}.plan strong small{color:var(--text-secondary);margin:0 0 1px;font-size:11px;line-height:1;display:inline}.plan>small{color:var(--text-muted);margin-top:7px;font-size:10.5px;font-weight:800;line-height:1.16;display:block}.plan em{background:var(--gold);color:var(--white);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:9.5px;font-style:normal;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan i{width:24px;height:24px;color:var(--gold);border-radius:999px;place-items:center;font-style:normal;display:grid;position:absolute;top:10px;right:10px}.plan i>span{border:2px solid var(--text-muted);opacity:.55;border-radius:999px;width:21px;height:21px}.paywall-review{color:var(--text-secondary);background:#f7eddac2;border:1px solid #c8b4808c;border-radius:14px;justify-items:center;gap:3px;margin-top:12px;padding:8px 12px;display:grid}.paywall-review div{color:var(--gold);display:flex}.paywall-review strong{max-width:310px;color:var(--text-secondary);font-size:11px;font-weight:800;line-height:1.18}.paywall-review small{color:var(--text-muted);font-size:9px;font-weight:800}.paywall-reassurance{width:100%;color:var(--text);background:#9f6f1421;border:1px solid #9f6f1461;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:900;line-height:1.15;display:inline-flex}.paywall-reassurance svg{color:var(--gold);flex:none}.paywall .primary-action.full{border-radius:18px;min-height:56px;margin-top:8px;font-size:17px;font-weight:900}.legal-copy{white-space:pre-line;color:var(--text-muted)!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}.legal-links{justify-content:center;gap:12px;margin-top:6px;display:flex}.legal-links a{color:var(--text-muted);font-size:10px;font-weight:800;text-decoration:none}.activation-note{color:var(--text-muted)!important;margin-top:4px!important;font-size:10px!important;font-weight:800!important}.auth-screen{min-height:calc(100dvh - 78px)}.auth-brand{text-align:center;place-items:center;margin-top:14px;display:grid}.auth-brand img{object-fit:contain;width:104px;height:108px}.auth-brand strong{color:#9f6e14;font-size:27px;font-weight:900;line-height:1}.auth-brand span{color:var(--text-secondary);margin-top:7px;font-size:13px;font-weight:500}.auth-panel{box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:17px;padding:0 24px 18px}.auth-panel form{gap:16px;margin-top:24px;display:grid}.auth-intro{text-align:center;place-items:center;gap:8px;display:grid}.auth-intro h1{color:var(--text);font-size:calc(22px * var(--text-scale));font-weight:700;line-height:1.1}.auth-intro p{max-width:310px;color:var(--text-secondary);font-size:calc(13px * var(--text-scale));font-weight:500;line-height:1.35}.auth-field{background:var(--surface-elevated);min-height:54px;color:var(--text-muted);border:1px solid #9f6f1447;border-radius:16px;grid-template-columns:22px minmax(0,1fr) 40px;align-items:center;gap:9px;padding:0 6px 0 14px;display:grid}.auth-field input{width:100%;min-width:0;height:52px;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-weight:600}.auth-field input:last-child{grid-column:2/4}.auth-field input::placeholder{color:#667184db}.auth-field button{width:40px;height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.remember-row{color:var(--text-secondary);grid-template-columns:42px 1fr;justify-self:start;align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-grid}.remember-row input{opacity:0;pointer-events:none;position:absolute}.remember-row i{background:#c8b480b8;border-radius:999px;width:42px;height:24px;position:relative}.remember-row i:after{content:"";background:var(--surface-elevated);border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #111b2d2e}.remember-row input:checked+i{background:var(--gold)}.remember-row input:checked+i:after{transform:translate(18px)}.auth-panel .primary-action.full{margin-top:8px}.auth-text-link{justify-self:center;min-height:24px}.auth-text-link.muted{color:var(--text-secondary)}.auth-panel small{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:500;line-height:1.35}.auth-dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#111b2d59;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.auth-dialog{background:var(--surface);width:min(100%,340px);box-shadow:var(--shadow-strong);border:1px solid #c8b480b3;border-radius:20px;gap:16px;padding:20px;display:grid}.auth-dialog h2{color:var(--text);font-size:20px;font-weight:800}.auth-dialog p{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.4}.auth-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-dialog-actions .primary-action,.auth-dialog-actions .ghost-action{min-height:44px}.segmented{grid-template-columns:1fr 1fr}.onboarding-screen{grid-template-rows:auto 1fr auto;gap:18px;min-height:calc(100dvh - 78px);padding-bottom:18px;display:grid}.onboarding-topbar{grid-template-columns:42px 1fr 62px;align-items:center;gap:10px;display:grid}.onboarding-topbar button{min-height:38px;color:var(--gold);background:0 0;border:0;font-size:12px;font-weight:800}.onboarding-topbar button:first-child{background:#9f6f141a;border-radius:14px;place-items:center;width:38px;display:grid}.onboarding-topbar button:disabled{opacity:.32}.skip-link{text-align:right}.skip-placeholder{width:62px}.onboarding-progress{background:#c8b4807a;border-radius:999px;height:6px;overflow:hidden}.onboarding-progress i{border-radius:inherit;background:var(--gold);height:100%;display:block}.onboarding-hero,.onboarding-panel,.onboarding-summary{align-self:center;width:100%}.onboarding-hero,.onboarding-summary{text-align:center;place-items:center;gap:12px;display:grid}.onboarding-mark{background:radial-gradient(circle at 35% 25%, #fff8eaf2, #f5e49a94), var(--surface);width:132px;height:132px;color:var(--gold);box-shadow:var(--shadow-strong);border:1px solid #9f6f1447;border-radius:34px;place-items:center;display:grid}.onboarding-hero>span,.onboarding-panel>span{color:var(--gold);text-transform:uppercase;font-size:12px;font-weight:800}.onboarding-hero h1,.onboarding-panel h1,.onboarding-summary h1{max-width:340px;color:var(--text);text-align:center;font-size:30px;font-weight:800;line-height:1.08}.onboarding-hero p,.onboarding-panel p,.onboarding-summary p{max-width:340px;color:var(--text-secondary);text-align:center;font-size:14px;font-weight:600;line-height:1.48}.onboarding-panel{justify-items:center;gap:10px;display:grid}.onboarding-options{gap:10px;width:100%;margin-top:8px;display:grid}.onboarding-options button{min-height:74px;color:var(--text);text-align:left;background:#fff8eabd;border:1px solid #9f6f143d;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:44px 1fr 24px;align-items:center;column-gap:12px;padding:12px 14px;display:grid;position:relative;box-shadow:0 7px 14px #9f6f1414}.onboarding-options button.selected{background:#f5e49a47;border-color:#9f6f149e}.onboarding-options i{width:44px;height:44px;color:var(--gold);background:#9f6f1421;border-radius:16px;grid-row:1/span 2;place-items:center;font-style:normal;display:grid}.onboarding-options strong{min-width:0;color:var(--text);font-size:15px;font-weight:800;line-height:1.15}.onboarding-options small{min-width:0;color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.3}.onboarding-options button>svg{color:var(--gold);grid-row:1/span 2}.onboarding-panel em{color:var(--text-muted);text-align:center;font-size:12px;font-style:normal;font-weight:700}.onboarding-summary>svg{color:var(--green)}.summary-list{gap:8px;width:100%;margin:6px 0;display:grid}.summary-list span{min-height:42px;color:var(--text);background:#fff8eab8;border:1px solid #9f6f1438;border-radius:16px;place-items:center;font-size:13px;font-weight:800;display:grid}.onboarding-action{position:sticky;bottom:12px}.onboarding-image{aspect-ratio:.88;background:var(--surface-elevated);width:100%;box-shadow:var(--shadow);border-radius:30px;position:relative;overflow:hidden}.onboarding-image img{object-fit:cover;width:100%;height:100%}.onboarding-image:after{content:"";background:linear-gradient(#0000,#020914b3);position:absolute;inset:0}.onboarding-image strong{z-index:1;color:#fff;font-size:calc(24px * var(--text-scale));font-weight:900;line-height:1.04;position:absolute;bottom:20px;left:20px;right:20px}.onboarding-hero,.onboarding-summary{text-align:left;place-items:start}.onboarding-hero h1,.onboarding-panel h1,.onboarding-summary h1{font-size:calc(29px * var(--text-scale));text-align:left;font-weight:900;line-height:1.03}.onboarding-hero h1{font-size:calc(32px * var(--text-scale));margin-top:12px}.onboarding-hero h2{color:var(--text);font-size:calc(16px * var(--text-scale));font-weight:700;line-height:1.35}.onboarding-hero p,.onboarding-panel p,.onboarding-summary p{font-size:calc(14px * var(--text-scale));text-align:left}.onboarding-panel{justify-items:start}.compact-listening-visual{background:var(--surface-elevated);border:1px solid #9f6f143d;border-radius:28px;grid-template-columns:62px 1fr;align-items:center;gap:16px;width:100%;min-height:116px;padding:18px;display:grid;position:relative;overflow:hidden}.compact-listening-visual:after{content:"✦";color:#9f6f1426;font-size:82px;line-height:1;position:absolute;top:-16px;right:12px}.compact-listening-visual span{width:62px;height:62px;color:var(--gold);background:#9f6f1424;border-radius:22px;place-items:center;display:grid}.compact-listening-visual strong{z-index:1;color:var(--text);font-size:calc(18px * var(--text-scale));font-weight:800;line-height:1.16;position:relative}.onboarding-options button{background:var(--surface-elevated);border-color:#9f6f1438;border-radius:22px;padding:14px}.onboarding-options button.selected{border-width:2px;border-color:var(--gold);background:#9f6f1429;box-shadow:0 8px 18px #9f6f1424}.onboarding-options button.selected i{background:var(--gold);color:var(--white)}.onboarding-options button.selected i svg{color:var(--white)}.onboarding-options strong{font-size:calc(15px * var(--text-scale));font-weight:900}.onboarding-options small{font-size:calc(12.5px * var(--text-scale))}.bell-visual{background:radial-gradient(circle at 50% 46%, #9f6f1438, #9f6f140f 46%, transparent 70%), var(--surface-elevated);width:100%;min-height:148px;color:var(--gold);border:1px solid #9f6f143d;border-radius:28px;place-items:center;display:grid}.bell-visual svg{background:#9f6f1424;border-radius:28px;width:76px;height:76px;padding:16px}.bell-visual.active svg{color:var(--green);background:#0f8b6f24}.notification-card{background:var(--surface-elevated);width:100%;min-height:86px;color:var(--text);text-align:left;border:1px solid #9f6f143d;border-radius:24px;grid-template-columns:52px 1fr 26px;align-items:center;gap:14px;padding:16px;display:grid}.notification-card.granted{border-width:2px;border-color:var(--gold);background:#9f6f1429}.notification-card i{width:52px;height:52px;color:var(--gold);background:#9f6f1424;border-radius:18px;place-items:center;font-style:normal;display:grid}.notification-card span,.notification-card strong,.notification-card small{min-width:0;display:block}.notification-card strong{color:var(--text);font-size:calc(16px * var(--text-scale));font-weight:900}.notification-card small{color:var(--text-secondary);font-size:calc(12.5px * var(--text-scale));margin-top:4px;font-weight:600;line-height:1.3}.ready-visual{background:radial-gradient(circle,#9f6f1447,#9f6f1414,#0000 70%);border-radius:999px;justify-self:center;place-items:center;width:168px;height:168px;display:grid;position:relative}.ready-visual img{background:var(--surface-elevated);border:1px solid #9f6f144d;border-radius:999px;width:116px;height:116px;padding:22px;box-shadow:0 12px 26px #9f6f1438}.ready-visual svg{background:var(--page);width:38px;height:38px;color:var(--gold);border:1px solid #9f6f143d;border-radius:999px;padding:9px;position:absolute;box-shadow:0 7px 14px #9f6f1424}.ready-visual svg:first-of-type{top:32px;left:26px}.ready-visual svg:last-of-type{bottom:30px;right:24px}.preference-summary{background:var(--surface-elevated);border:1px solid #9f6f1438;border-radius:24px;gap:12px;width:100%;padding:16px;display:grid}.summary-row{grid-template-columns:38px 1fr auto;align-items:center;gap:12px;display:grid}.summary-row i{width:38px;height:38px;color:var(--gold);background:#9f6f1421;border-radius:14px;place-items:center;font-style:normal;display:grid}.summary-row span{color:var(--text-secondary);font-size:calc(12px * var(--text-scale));font-weight:700}.summary-row strong{max-width:152px;color:var(--text);font-size:calc(13px * var(--text-scale));text-align:right;font-weight:800}.onboarding-action small{color:var(--text-muted);font-size:calc(12px * var(--text-scale));text-align:center;margin-top:9px;font-weight:700;display:block}.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);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;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8eaf5;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 #0003}.bottom-nav button{min-width:0;min-height:56px;color:var(--text-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);background:#9f6f141f}.mini-player-top{z-index:35;background:var(--white);border:1px solid var(--border);min-height:68px;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:42px 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 18px #9f6f142e}.mini-progress{background:#c8b480cc;height:2px;position:absolute;top:0;left:0;right:0}.mini-player-top img{border-radius:14px;width:44px;height:44px}.mini-round{background:var(--gold-soft);width:42px;height:42px;color:var(--text);border-radius:999px}.mini-icon{width:28px;height:38px;color:var(--gold);background:0 0;border-radius:12px}.mini-copy{min-width:0}.mini-copy strong,.mini-copy span{display:block}.mini-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;line-height:1.18;overflow:hidden}.mini-copy span{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:700;overflow:hidden}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;background:var(--text);max-width:min(402px,100% - 28px);color:var(--white);border-radius:16px;padding:12px 14px;font-size:13px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 18px 38px #0000003d}.busy-pill{right:calc(50% - min(215px,50vw) + 16px);top:calc(74px + env(safe-area-inset-top));z-index:55;background:var(--surface-elevated);border:1px solid var(--border);width:36px;height:36px;color:var(--gold);box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid;position:fixed}@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}.app-shell.player-shell{border-radius:0;min-height:100dvh;margin-top:0;margin-bottom:0}}@media (width<=380px){.screen{padding-inline:14px}.audio-hero{height:200px}.audio-hero h1{font-size:26px}.episode-rail{grid-auto-columns:154px}.story-art{width:154px;height:168px}.collection-hero{grid-template-columns:104px 1fr}.collection-hero>img{width:104px;height:104px}.mini-player-top{grid-template-columns:40px 42px 1fr 28px 28px}.mini-player-top .mini-icon:first-of-type{display:none}.dua-actions{grid-template-columns:1fr}.player-panel{padding-inline:20px}.player-main-controls{grid-template-columns:36px 54px 72px 54px 36px;gap:6px}.player-round-main{width:72px;height:72px}.player-round-secondary{width:54px;height:54px}}