@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;background:#ede1c6;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{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}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-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);letter-spacing:2.3px;justify-self:center;align-items:center;gap:2px;padding:0;font-size:25px;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)}.screen{padding:10px 18px 28px}.home-screen{padding-top:10px}.audio-hero{background:var(--surface);border:1px solid #9f6f143d;border-radius:20px;height:218px;position:relative;overflow:hidden;box-shadow:0 18px 28px #9f6f1429}.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;grid-template-columns:1fr auto;align-items:end;gap:10px;padding:16px 18px;display:grid;position:absolute;inset:auto 0 0}.audio-hero-overlay span{color:#fff6e8;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;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{grid-template-columns:38px 50px 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(--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;grid-column:1/-1;height:3px;margin-top:8px;overflow:hidden}.hero-progress i,.progress-track i,.mini-progress i{border-radius:inherit;background:var(--gold-bright);height:100%;display:block}.playlist-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.playlist-row .section-header{grid-column:1/-1;margin-bottom:0}.playlist-row button{background:var(--surface);min-height:72px;color:var(--text);border:1px solid #9f6f1447;border-radius:20px;align-items:center;gap:12px;padding:9px 12px;display:inline-flex;box-shadow:0 7px 14px #9f6f1414}.playlist-row svg{width:40px;height:40px;color:var(--gold);background:#9f6f1429;border-radius:15px;flex:none;padding:9px}.playlist-row span,.playlist-row strong,.playlist-row small{min-width:0;display:block}.playlist-row span{text-align:left;overflow:hidden}.playlist-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.playlist-row small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.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);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:700;line-height:1.15;overflow:hidden}.section-header span,.muted-line{color:var(--text-muted);font-size:12px;font-weight:700}.episode-rail{scrollbar-width:none;grid-auto-columns:168px;grid-auto-flow:column;gap:14px;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}.episode-rail::-webkit-scrollbar{display:none}.collection-shelf::-webkit-scrollbar{display:none}.horizontal-collections::-webkit-scrollbar{display:none}.chip-rail::-webkit-scrollbar{display:none}.story-card{min-width:0}.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}.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:left;width:100%;height:58px;color:var(--text);border:1px solid #9f6f142e;border-top:0;border-radius:0 0 18px 18px;padding:10px 10px 8px;font-size:15px;font-weight:700;line-height:1.1;display:block;overflow:hidden;box-shadow:0 8px 16px #9f6f1414}.story-title span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:7px;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{background:var(--gold);width:34px;height:34px;color:var(--white);border-radius:999px}.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);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(--text-secondary);margin-top:8px;font-size:14px;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}.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 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}.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(--text);font-size:14px;font-weight:800}.settings-row span{color:var(--text-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{min-height:104px;color:var(--text);text-align:left;background:#fff8eab8;border:1px solid #9f6f1447;border-radius:20px;padding:14px;position:relative}.plan.selected{border:2px solid var(--gold);background:#f5e49a52}.plan strong,.plan span,.plan small,.plan em{display:block}.plan span{color:var(--text-secondary);font-size:13px;font-weight:800}.plan strong{margin-top:5px;font-size:26px;font-weight:800;line-height:1}.plan small{color:var(--text-muted);margin-top:8px;font-size:12px;font-weight:700;line-height:1.35}.plan em{color:var(--green);background:#0f8b6f1f;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(--text-muted)!important;font-size:12px!important}.auth-panel form{gap:12px;margin-top:16px;display:grid}.auth-intro{text-align:center;place-items:center;gap:9px;margin-bottom:18px;display:grid}.auth-intro svg{width:58px;height:58px;color:var(--gold);background:#9f6f1424;border-radius:20px;padding:14px}.auth-intro h1{color:var(--text);font-size:26px;font-weight:800;line-height:1.08}.auth-intro p{max-width:310px;color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.45}.auth-panel input{background:var(--surface-elevated);width:100%;height:54px;color:var(--text);border:1px solid #9f6f1447;border-radius:16px;outline:0;padding:0 14px;font-weight:600}.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}.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}}@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}}