.app-frame{max-width:none;min-height:100vh}.platform-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1240px;margin:auto;padding:16px 30px;display:flex}.platform-brand{flex:none}.brand-logo{direction:ltr;width:168px;height:48px;display:block;position:relative;overflow:hidden}.brand-logo img{object-fit:contain;display:block}.brand-logo-en img,.header-logo img{width:100%;height:100%}.brand-logo-ar img{width:182px;max-width:none;height:91px;position:absolute;top:-24px;left:-2px}.primary-nav{align-items:center;gap:8px;display:flex}.primary-nav a{min-height:46px;color:var(--muted);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:700;display:flex}.primary-nav a:hover{color:var(--text);background:var(--surface)}.primary-nav a.active{color:var(--text);background:var(--surface);box-shadow:inset 0 -2px var(--gold)}.header-controls{flex:none;align-items:center;gap:5px;display:flex}.header-controls>.active{color:var(--gold)}.language-button{min-width:40px;min-height:44px;font:700 14px var(--font-latin)}.language-button:hover{color:var(--gold)}.header-controls .top-avatar{width:38px;height:38px;margin-inline-start:5px}.main-content{max-width:1240px;min-height:calc(100vh - 270px);margin:auto;padding:34px 30px 64px}.main-content.has-player{padding-bottom:64px}.platform-footer{border-top:1px solid var(--border);background:var(--bg)}.footer-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;max-width:1240px;margin:auto;padding:22px 30px 16px;display:grid}.footer-links{width:100%;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 20px;font-size:13px;display:flex}.footer-links a{justify-content:center;align-items:center;min-height:44px;padding:7px 0;display:inline-flex}.footer-links a:hover{color:var(--text);text-underline-offset:4px;text-decoration:underline}.footer-bottom{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-copyright{color:var(--muted);font-size:12px;line-height:1.6}.footer-social{align-items:center;gap:4px;display:flex}.footer-social a{width:44px;height:44px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.footer-social svg{width:18px;height:18px;display:block}.footer-social a:hover{color:var(--text);background:var(--surface)}.frame-with-player{padding-bottom:112px}.mini-player{padding-inline:max(30px,50vw - 590px);inset-inline:0}.catalog-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.catalog-heading h1{font-size:27px}.content-toggle{border-radius:10px;padding:4px}.content-toggle button{border-radius:7px;min-height:40px;padding:8px 22px}.discover-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.discover-heading .discover-toggle{border-radius:10px;width:auto;margin:0}.discover-heading .discover-toggle button{border-radius:7px;min-height:44px}.discover-heading .discover-toggle button svg{flex:none;display:block}.discover-heading .discover-toggle button.active,html[data-theme=light] .discover-heading .discover-toggle button.active{background:var(--purple);color:#fff}.catalog-categories{flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin:26px 0 12px;padding:5px 3px 10px;scroll-padding-inline:3px;overflow:auto hidden}.catalog-categories button{color:var(--text);flex:none;min-width:80px;min-height:46px;font-size:17px}.catalog-categories button[style*=Ruwudu],.catalog-categories button[style*=Handjet],.catalog-categories button[style*=Creepster],.catalog-categories button[style*=SpecialElite]{font-size:20px}.catalog-categories button[style*=Kufam],.catalog-categories button[style*=PermanentMarker]{font-size:23px}.catalog-categories button[style*=BonaNovaSC],.catalog-categories button[style*=DancingScript],.catalog-categories button[style*=BalooBhaijaan2]{font-size:18px}.catalog-categories button[style*=BebasNeue],.catalog-categories button[style*=ArchivoBlack],.catalog-categories button[style*=Bangers]{text-transform:uppercase}.catalog-categories button[style*=Orbitron]{letter-spacing:.12em;font-size:15px}.horizontal-rail{min-width:0}.horizontal-rail:has(.catalog-categories){margin-bottom:24px}.horizontal-rail>[role=region]{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--purple) transparent}.horizontal-rail>.catalog-categories{scrollbar-width:none}.catalog-categories::-webkit-scrollbar{display:none}@media (min-width:521px){:is(.horizontal-rail:has(>.catalog-categories),.catalog-categories){inline-size:100%;min-inline-size:0}.catalog-categories{padding-inline:0;scroll-padding-inline:0}.catalog-categories button{flex:1 0 auto;padding-inline:24px}}.rail-controls{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.rail-controls button{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.rail-controls button:hover:not(:disabled){color:var(--gold);border-color:var(--purple)}.continue-rail{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--continue-columns) - 1) * 16px) / var(--continue-columns));scroll-snap-type:inline proximity;gap:16px;padding:4px 0 12px;display:grid;overflow-x:auto}.quick-section .section-heading h2>svg{color:var(--gold)}html[data-theme=light] .quick-section .section-heading h2>svg{color:#987000}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.card-copy h3,.detail-copy h1,.episode-label strong,.mini-info strong,.player-details h1{font-family:var(--font-latin);unicode-bidi:isolate}.story-title,.player-story-title,.player-parent-title{unicode-bidi:isolate}html[dir=rtl] .story-title{text-align:right}html[dir=ltr] .story-title{text-align:left}html[dir=rtl] .compact .card-copy h3,html[dir=rtl] .detail-copy h1,html[dir=rtl] .episode-label strong,html[dir=rtl] .mini-info strong{text-align:right}html[dir=ltr] .compact .card-copy h3,html[dir=ltr] .detail-copy h1,html[dir=ltr] .episode-label strong,html[dir=ltr] .mini-info strong{text-align:left}.player-details h1,.player-details .player-parent-title{text-align:center}.player-details>.eyebrow{text-align:center;display:block}.player-queue strong{font-family:var(--font-latin)}html[dir=rtl] .player-queue strong{text-align:right}html[dir=ltr] .player-queue strong{text-align:left}.empty-state{border-style:solid;border-radius:12px}.auth-art{background:var(--surface);color:var(--text)}.auth-art .brand-logo{margin-bottom:36px}.auth-art h2{font-size:30px}.auth-art p{max-width:340px;color:var(--muted)}.auth-art .auth-sound{display:none}.account-language-toggle{border:1px solid var(--border);background:var(--surface-raised);border-radius:100px;flex:none;gap:3px;padding:4px;display:flex}.account-language-toggle button{min-height:40px;color:var(--muted);border-radius:100px;padding:8px 14px;font-size:14px;font-weight:700}.account-language-toggle button[aria-pressed=true]{background:var(--gold);color:#111}@media (max-width:1024px){.header-inner{gap:12px;padding-inline:24px}.primary-nav{gap:2px}.primary-nav a{gap:6px;padding-inline:10px;font-size:14px}.primary-nav a svg{display:none}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){html{scroll-padding-top:128px}.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px 22px 0;display:grid}.primary-nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:6px}.primary-nav a{border-radius:0;flex:1;min-height:46px;padding:10px 4px 12px;font-size:14px}.primary-nav a.active{background:0 0}.header-controls .icon-button{min-width:40px;min-height:40px}.header-controls{gap:0}.brand-logo{width:140px;height:40px}.brand-logo-ar img{width:151px;height:75.5px;top:-20px}.main-content{padding:28px 22px 44px}.catalog-heading h1{font-size:24px}.content-toggle{background:var(--surface);border:1px solid var(--border);justify-content:center;width:auto;margin:0}.content-toggle button{width:auto;min-height:40px;padding:8px 16px;font-size:14px}.catalog-categories{gap:7px}.footer-inner{grid-template-columns:1fr;justify-items:center;gap:10px;padding:20px 22px 16px}.footer-links{justify-content:center;gap:0 16px;font-size:12px}.footer-bottom{flex-direction:column-reverse;gap:6px}.footer-copyright{text-align:center}.footer-social{gap:8px}.frame-with-player{padding-bottom:104px}.mini-player{bottom:12px;padding-inline:15px;inset-inline:18px}.toast{bottom:112px}}@media (max-width:520px){.discover-heading{flex-wrap:wrap;gap:10px}.discover-heading h1{font-size:26px}.discover-heading .discover-toggle button{gap:6px;padding-inline:10px;font-size:13px}.header-inner{padding-inline:16px}.header-controls .icon-button{min-width:36px}.header-controls .top-avatar{width:34px;height:34px;margin-inline-start:3px}.language-button{min-width:33px}.primary-nav a{font-size:13px}.main-content{padding:24px 16px 40px}.main-content.has-player{padding-bottom:40px}.catalog-heading{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.catalog-heading h1{font-size:23px}.content-toggle button{padding-inline:13px;font-size:13px}.catalog-categories{padding-inline:2px}.catalog-categories button{min-width:78px}.continue-rail{grid-auto-columns:calc((100% - (var(--continue-columns) - 1) * 10px) / var(--continue-columns));gap:10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.footer-links{column-gap:16px}}@media (max-width:360px){.discover-heading h1{font-size:23px}.discover-heading .discover-toggle button{padding-inline:8px;font-size:12px}.platform-brand .brand-logo{width:125px;height:36px}.platform-brand .brand-logo-ar img{width:134px;height:67px;top:-18px}.primary-nav{gap:2px}.primary-nav a{padding-inline:2px;font-size:12px}}
.hero{--hero-rgb:17 16 20;--hero-edge:0 0 0 / 30%;border-radius:var(--radius);background:rgb(var(--hero-rgb));border:1px solid var(--border);min-height:460px;box-shadow:inset 0 0 24px 5px rgb(var(--hero-edge));isolation:isolate;color:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:contain;object-position:left center;z-index:-2;width:auto;max-width:54%;height:100%;position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#000 68%,#0000 100%);mask-image:linear-gradient(90deg,#000 68%,#0000 100%)}.hero-gradient{z-index:-1;background:linear-gradient(to left, rgb(var(--hero-rgb)) 42%, rgb(var(--hero-rgb) / 82%) 52%, rgb(var(--hero-rgb) / 0%) 68%);position:absolute;inset:0}html[dir=ltr] .hero-gradient{background:linear-gradient(to right, rgb(var(--hero-rgb)) 42%, rgb(var(--hero-rgb) / 82%) 52%, rgb(var(--hero-rgb) / 0%) 68%)}.hero-copy{width:56%;max-width:620px;padding:42px}.hero-copy h2{max-width:470px;margin-bottom:16px;font-size:clamp(28px,3vw,44px)}.hero-copy>p{color:#b5afb9;max-width:440px;margin-bottom:28px;font-size:14px}.hero-copy h3{margin-bottom:9px;font-size:23px}.hero-meta{color:#b8b2bc;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.hero-buttons{gap:12px;margin-top:28px;display:flex}.hero-details{color:#fff;background:#ffffff12;border:1px solid #ffffff21;font-size:13px}@media (min-width:1550px){.hero{min-height:500px}.hero-copy{padding:45px}}@media (max-width:1200px){.hero-copy{width:63%;padding:30px}.hero-copy h2{font-size:34px}}@media (max-width:800px){.hero{min-height:400px}.hero-copy{width:72%;max-width:460px;padding:27px}.hero-copy h2{font-size:31px}.hero-copy>p{margin-bottom:16px;font-size:12px;line-height:1.6}.hero-copy h3{font-size:22px}.hero-image{max-width:68%}.hero-gradient{background:linear-gradient(to left, rgb(var(--hero-rgb) / 94%) 20%, rgb(var(--hero-rgb) / 56%) 65%, rgb(var(--hero-rgb) / 25%))}html[dir=ltr] .hero-gradient{background:linear-gradient(to right, rgb(var(--hero-rgb) / 94%) 20%, rgb(var(--hero-rgb) / 56%) 65%, rgb(var(--hero-rgb) / 25%))}.hero-buttons{gap:9px}.hero-buttons .btn{padding:12px 17px;font-size:12px}}@media (max-width:520px){.hero{border-radius:25px;align-items:flex-end;min-height:390px}.hero-copy{background:0 0;width:100%;max-width:100%;padding:170px 22px 23px}.hero-image{object-position:center top;width:100%;max-width:none;height:100%;-webkit-mask-image:none;mask-image:none}.hero-gradient{background:linear-gradient(0deg, rgb(var(--hero-rgb)) 0%, rgb(var(--hero-rgb) / 92%) 18%, rgb(var(--hero-rgb) / 55%) 38%, rgb(var(--hero-rgb) / 0%) 64%)!important}.hero-copy>p,.hero-copy>h2{display:none}.hero-copy h3{margin-bottom:13px;font-size:29px}.hero-meta{font-size:11px}.hero-buttons{margin-top:19px}.hero-buttons .btn{border-radius:100px;min-height:43px}.hero-buttons .hero-details{padding:10px 15px}}html[dir=rtl] .hero-copy h3{text-align:right}html[dir=ltr] .hero-copy h3{text-align:left}.hero-copy h3{unicode-bidi:isolate}html[dir=ltr] .hero-image{object-position:right center;-webkit-mask-image:linear-gradient(270deg,#000 68%,#0000 100%);mask-image:linear-gradient(270deg,#000 68%,#0000 100%)}@media (max-width:520px){html[dir=ltr] .hero-image{object-position:center top;-webkit-mask-image:none;mask-image:none}}.hero:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 32px 6px rgb(var(--hero-edge));position:absolute;inset:0}html[data-theme=light] .hero{--hero-rgb:245 243 248;--hero-edge:255 255 255 / 72%;color:var(--text)}html[data-theme=light] .hero-copy>p,html[data-theme=light] .hero-meta{color:var(--muted)}html[data-theme=light] .hero-details{color:var(--text);border-color:var(--border);background:#ffffffb8}@media (min-width:1025px){.hero-image{aspect-ratio:1.2;object-fit:cover;width:auto;max-width:64.8%;-webkit-mask-image:linear-gradient(90deg,#000 84%,#0000 100%);mask-image:linear-gradient(90deg,#000 84%,#0000 100%)}html[dir=ltr] .hero-image{-webkit-mask-image:linear-gradient(270deg,#000 84%,#0000 100%);mask-image:linear-gradient(270deg,#000 84%,#0000 100%)}.hero-gradient{background:linear-gradient(to left, rgb(var(--hero-rgb)) 35%, rgb(var(--hero-rgb) / 41%) 46%, rgb(var(--hero-rgb) / 0%) 68%)}html[dir=ltr] .hero-gradient{background:linear-gradient(to right, rgb(var(--hero-rgb)) 35%, rgb(var(--hero-rgb) / 41%) 46%, rgb(var(--hero-rgb) / 0%) 68%)}.hero{--hero-edge:0 0 0 / 36%;box-shadow:inset 0 0 28.8px 6px rgb(var(--hero-edge))}.hero:after{box-shadow:inset 0 0 38px 7px rgb(var(--hero-edge))}html[data-theme=light] .hero{--hero-edge:255 255 255 / 86.4%}}@media (max-width:520px){.hero{--hero-edge:0 0 0 / 18%;box-shadow:none}html[data-theme=light] .hero{--hero-edge:255 255 255 / 25%}.hero:after{box-shadow:inset 0 0 12px 1px rgb(var(--hero-edge))}}
.notification-control{flex:none;display:inline-flex;position:relative}.notification-trigger{position:relative}.notification-unread-dot{top:6px;background:var(--gold,#f9ca32);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);pointer-events:none;border-radius:50%;position:absolute;inset-inline-end:6px}html[data-theme=light] .notification-unread-dot{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px #b18a1533}.notification-popover{z-index:80;width:min(410px,100vw - 24px);max-height:min(620px,100dvh - 120px);color:var(--text,#f7f5fa);background:var(--surface,#17151d);border:1px solid var(--border,#ffffff1f);border-radius:16px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);left:auto;right:0;overflow:hidden;box-shadow:0 18px 54px #00000047}.notification-popover-header{border-bottom:1px solid var(--border,#ffffff1f);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notification-popover-header h2{margin:0;font-size:1rem;line-height:1.4}.notification-close{width:38px;min-width:38px;height:38px;color:var(--text,#f7f5fa);border-radius:10px;place-items:center;display:grid}.notification-popover-content{overscroll-behavior:contain;overflow-y:auto}.notification-state{color:var(--muted,#aaa6b5);text-align:center;margin:0;padding:30px 20px;line-height:1.7}.notification-error{justify-items:center;gap:14px;display:grid}.notification-error p{margin:0}.notification-items{gap:0;margin:0;padding:0;list-style:none;display:grid}.notification-items li+li{border-top:1px solid var(--border,#ffffff1f)}.notification-item{width:100%;min-height:76px;color:inherit;text-align:start;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:grid}.notification-item>.notification-image{grid-area:1/1}.notification-item>.notification-copy{grid-area:1/2}.notification-item>svg{grid-area:1/3}html[dir=rtl] .notification-item{grid-template-columns:18px minmax(0,1fr) 48px}html[dir=rtl] .notification-item>.notification-image{grid-column:3}html[dir=rtl] .notification-item>svg{grid-column:1}button.notification-item{cursor:pointer}.notification-item:hover,.notification-item:focus-visible{background:var(--surface-raised,#ffffff0f)}.notification-item:focus-visible,.notification-close:focus-visible,.notification-trigger:focus-visible{outline:2px solid var(--gold,#e8b44f);outline-offset:2px}.notification-item-static{cursor:default}.notification-image{object-fit:cover;background:var(--surface-raised,#211e29);border-radius:12px;flex:none;width:48px;height:48px;display:block}.notification-image-fallback{color:var(--muted,#aaa6b5);place-items:center;display:grid}.notification-copy{gap:3px;min-width:0;display:grid}.notification-copy strong,.notification-body{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-copy strong{font-size:.92rem;line-height:1.5}.notification-body,.notification-copy time{color:var(--muted,#aaa6b5);font-size:.78rem;line-height:1.5}.notification-copy time{margin-top:2px}html[data-theme=light] .notification-popover{box-shadow:0 18px 54px #1d1b2329}@media (max-width:520px){.notification-popover{width:auto;max-height:calc(100dvh - 108px);position:fixed;top:92px;left:12px;right:12px}.notification-item{padding-inline:14px}}@media (prefers-reduced-motion:no-preference){.notification-popover{animation:.12s ease-out notification-popover-in}@keyframes notification-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}
.comment-dialog{width:min(520px,100vw - 32px);max-width:520px;max-height:min(88vh,720px);color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:20px;margin:auto;padding:clamp(20px,5vw,28px);overflow:auto}.comment-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad}.comment-dialog header{margin:0 0 12px}.comment-dialog h2{margin:0;font-size:clamp(20px,5vw,25px);line-height:1.3}.comment-dialog-copy{color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.comment-dialog-copy p{margin:10px 0}.comment-dialog-copy a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.comment-dialog-error{color:#e05b5b}.comment-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.comment-dialog-actions .btn{white-space:normal;min-width:0;min-height:48px;padding-inline:12px}.comment-pagination{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:22px 0 8px;display:flex}.comment-pagination .btn{white-space:nowrap;min-width:112px;min-height:48px}.comment-pagination span{min-width:96px}@media (max-width:380px){.comment-dialog-actions{grid-template-columns:1fr}.comment-pagination{gap:8px}.comment-pagination .btn{flex:1;min-width:0}.comment-pagination span{flex-basis:100%;order:-1}}
.listening-history{--history-accent:var(--purple);min-width:0;margin-top:18px}.listening-history-empty{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);text-align:center;border-radius:18px;justify-items:center;gap:10px;padding:42px 22px;display:grid}.listening-history-empty-icon,.listening-history-confirm-icon{color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface));place-items:center;display:grid}.listening-history-empty-icon{border-radius:15px;width:48px;height:48px}.listening-history-empty h2,.listening-history-header h2{margin:0;font-size:19px;line-height:1.5}.listening-history-empty p,.listening-history-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.listening-history-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.listening-history-header>div{gap:3px;min-width:0;display:grid}.listening-history-clear,.listening-history-confirm-actions button,.listening-history-pagination button{border:1px solid var(--border);min-height:40px;color:var(--muted);background:var(--surface);border-radius:11px;flex:none;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-flex}.listening-history-clear{padding:0 13px}.listening-history-clear:hover{color:#ef7379;border-color:color-mix(in srgb, #ef7379 55%, var(--border))}.listening-history-clear svg,.listening-history-confirm-actions svg,.listening-history-pagination svg{flex:none}.listening-history-confirm{border:1px solid color-mix(in srgb, #ef7379 34%, var(--border));background:color-mix(in srgb, #ef7379 5%, var(--surface));border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.listening-history-confirm-icon{color:#ef7379;background:color-mix(in srgb, #ef7379 12%, var(--surface));border-radius:12px;flex:none;width:38px;height:38px}.listening-history-confirm-copy{flex:1;gap:2px;min-width:0;line-height:1.6;display:grid}.listening-history-confirm-copy strong{font-size:13px}.listening-history-confirm-copy span{color:var(--muted);font-size:11px}.listening-history-confirm-actions{flex:none;gap:7px;display:flex}.listening-history-confirm-actions button{padding:0 11px}.listening-history-confirm-cancel:hover{color:var(--text);border-color:var(--text)}.listening-history-confirm-actions .listening-history-confirm-delete{color:#fff;background:#be4850;border-color:#be4850}.listening-history-confirm-delete:hover:not(:disabled){background:#a63c45;transform:translateY(-1px)}.listening-history-confirm-actions button:disabled{cursor:wait;opacity:.65}.listening-history-list{gap:10px;display:grid}.listening-history-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:15px;grid-template-columns:76px minmax(0,1fr) 42px;align-items:center;gap:15px;min-width:0;padding:12px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.listening-history-card:hover{border-color:color-mix(in srgb, var(--history-accent) 48%, var(--border));background:var(--surface);transform:translateY(-1px)}.listening-history-poster{aspect-ratio:1;background:var(--surface-raised);border-radius:11px;width:76px;display:block;overflow:hidden}.listening-history-poster img{object-fit:cover;width:100%;height:100%;display:block}.listening-history-main{gap:5px;min-width:0;display:grid}.listening-history-meta{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:10px;display:flex;overflow:hidden}.listening-history-meta i{color:var(--gold);font-style:normal}.listening-history-title{width:100%;color:var(--text);font-family:var(--font-latin);text-align:start;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;font-size:15px;font-weight:700;line-height:1.45;display:block;overflow:hidden}.listening-history-title:hover{color:var(--gold)}html[dir=rtl] .listening-history-title{text-align:right}.listening-history-progress{direction:ltr;align-items:center;gap:10px;min-width:0;display:flex}.listening-history-track{background:color-mix(in srgb, var(--muted) 25%, transparent);border-radius:10px;flex:1;min-width:0;height:4px;overflow:hidden}.listening-history-track span{border-radius:inherit;background:var(--gold);height:100%;display:block}.listening-history-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:10px;display:inline-flex}.listening-history-time i{color:color-mix(in srgb, var(--muted) 65%, transparent);font-style:normal}.listening-history-play{color:#111;background:var(--gold);border-radius:50%;place-items:center;width:42px;height:42px;transition:background .16s,transform .16s;display:grid}.listening-history-play:hover{background:color-mix(in srgb, var(--gold) 82%, #fff);transform:scale(1.05)}.listening-history-pagination{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:13px;margin-top:17px;font-size:12px;display:flex}.listening-history-pagination button{width:38px;min-height:38px;padding:0}.listening-history-pagination button:hover:not(:disabled){color:var(--text);border-color:var(--history-accent)}.listening-history-pagination button:disabled{cursor:default;opacity:.42}.listening-history :focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:600px){.library-saved-grid .content-card{border:1px solid color-mix(in srgb, var(--gold) 22%, var(--border));background:color-mix(in srgb, var(--surface) 94%, var(--gold));border-radius:15px;overflow:hidden}.library-saved-grid .card-poster{aspect-ratio:1;border-radius:0}.library-saved-grid .card-copy{min-height:84px;padding:12px 12px 0}.library-saved-grid .card-copy h3{font-size:14px}.library-saved-grid .card-actions{flex-direction:row;justify-content:space-between;gap:8px;padding:8px 10px 10px;display:flex;position:static}.library-saved-grid .bookmark-button{min-width:44px;min-height:44px;margin:0}.library-saved-grid .card-play{width:44px;height:44px}.listening-history-card{border-inline-start:3px solid color-mix(in srgb, var(--purple) 58%, var(--border));background:color-mix(in srgb, var(--surface) 88%, var(--purple));border-radius:12px;grid-template-columns:62px minmax(0,1fr) 44px;gap:11px;padding:8px 10px}.listening-history-poster{border-radius:9px;width:62px}.listening-history-title{font-size:13px}.listening-history-play{width:44px;height:44px}.listening-history-time{gap:3px;font-size:11px}.listening-history-progress{gap:7px}.listening-history-confirm{flex-wrap:wrap;align-items:flex-start}.listening-history-confirm-copy{flex-basis:calc(100% - 52px)}.listening-history-confirm-actions{justify-content:flex-end;width:100%}}@media (max-width:390px){.listening-history-header{align-items:flex-start}.listening-history-header h2{font-size:17px}.listening-history-clear{min-height:36px;padding-inline:10px}.listening-history-clear span{display:none}.listening-history-card{grid-template-columns:54px minmax(0,1fr) 44px;gap:9px}.listening-history-poster{width:54px}.listening-history-play{width:44px;height:44px}.listening-history-time{font-size:10px}}@media (prefers-reduced-motion:reduce){.listening-history *,.listening-history :before,.listening-history :after{transition-duration:.01ms!important}}
.audio-loading-icon{animation:1s linear infinite audio-loading-spin}.audio-loading-status{color:var(--muted);text-align:center;font-size:12px}@keyframes audio-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.audio-loading-icon{animation:none}}@media (min-width:768px) and (max-width:1024px){.mini-player{inset-inline:0;border:0;border-top:1px solid var(--border);min-height:94px;box-shadow:none;border-radius:0;gap:clamp(10px,1.8vw,18px);padding:12px clamp(18px,3vw,30px);bottom:0;overflow:visible}.mini-info{flex:0 26%;gap:9px;min-width:145px;max-width:26%}.mini-info img{flex:none;width:48px;height:48px}.mini-info strong{max-width:100%;font-size:13px}.mini-info>svg{flex:none;width:15px;display:block}.mini-middle{flex:1 1 0;min-width:0;max-width:none;display:block}.mini-player .playback-controls{gap:clamp(6px,1.1vw,10px);height:36px;display:flex}.mini-player .seek-button{display:inline-flex}.mini-player .player-progress{gap:8px;margin-top:6px}.mini-extras{flex:none;gap:7px;margin-inline-start:0}.mini-extras .quiet-button span{display:inline}.mini-extras .quiet-button{min-width:36px;min-height:36px;padding:7px 9px;display:inline-flex}.mini-player .mini-mobile-play,.mini-player .mini-mobile-progress{display:none!important}}@media (max-width:520px){.catalog-heading{align-items:flex-start}.catalog-heading .content-toggle{background:0 0;border:0;justify-content:flex-start;align-self:flex-start;width:fit-content;padding:0}.catalog-heading .content-toggle button svg{flex:none;display:block}.discover-heading{align-items:flex-start}.discover-heading .discover-toggle{background:0 0;border:0;justify-content:flex-start;padding:0}.discover-heading .discover-toggle button{background:0 0}.discover-heading .discover-toggle button svg{flex:none;display:block}}
.launch-splash{z-index:20000;opacity:1;pointer-events:auto;background:#080808;place-items:center;width:100%;height:100dvh;transition:opacity .22s;display:grid;position:fixed;inset:0;overflow:hidden}.launch-splash--exiting{opacity:0;pointer-events:none}.launch-splash__composition{flex-direction:column;align-items:center;gap:38px;width:min(74vw,414px);display:flex}.launch-splash__lockup{align-items:center;width:100%;display:flex}.launch-splash__wordmark{object-fit:contain;width:100%;height:auto;animation:.8s cubic-bezier(.16,1,.3,1) .12s both splash-wordmark-enter;display:block}.launch-splash__loading{color:#aaa6b0;align-items:center;gap:12px;min-height:26px;font-size:13px;font-weight:500;animation:.6s .18s both splash-status-enter;display:flex}.launch-splash__wave{justify-content:center;align-items:center;gap:3px;width:39px;height:23px;display:flex}.launch-splash__wave i{background:#a47ae0;border-radius:3px;width:3px;height:16px;animation:1.2s ease-in-out infinite alternate splash-wave;display:block;transform:scaleY(.22)}.launch-splash__wave i:first-child,.launch-splash__wave i:nth-child(7){height:9px}.launch-splash__wave i:nth-child(2),.launch-splash__wave i:nth-child(6){height:14px}.launch-splash__wave i:nth-child(4){height:22px}@keyframes splash-wordmark-enter{0%{clip-path:inset(0 100% 0 0);transform:translate(-12px)}to{clip-path:inset(0);transform:none}}@keyframes splash-status-enter{0%{opacity:0}to{opacity:1}}@keyframes splash-wave{0%{opacity:.45;transform:scaleY(.22)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.launch-splash{transition-duration:0s}.launch-splash__wordmark,.launch-splash__loading,.launch-splash__wave i{animation:none}.launch-splash__wave i{transform:scaleY(.55)}}
.shortlist-heading{align-items:center;gap:18px}.quick-section .section-heading>div>p{font-size:14px;line-height:1.6;display:block}.shortlist-refresh{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.shortlist-panel{grid-auto-flow:column;grid-auto-columns:min(310px, calc((100% - (var(--shortlist-count) - 1) * 24px) / var(--shortlist-count)));scroll-snap-type:inline proximity;align-items:stretch;gap:24px;padding:10px 0 12px;display:grid;overflow-x:auto}.shortlist-story{scroll-snap-align:start;background:0 0;border:none;min-width:0;max-width:310px;position:relative;container-type:inline-size}.shortlist-art{isolation:isolate;padding-inline-start:45px;position:relative}.shortlist-number{z-index:-1;letter-spacing:-.08em;color:#0000;background:linear-gradient(160deg, color-mix(in srgb, var(--text) 64%, var(--bg)) 10%, color-mix(in srgb, var(--text) 22%, var(--bg)) 62%, var(--bg) 100%);-webkit-text-stroke:1px color-mix(in srgb, var(--text) 30%, transparent);text-shadow:0 3px 12px #0003;-webkit-user-select:none;user-select:none;pointer-events:none;unicode-bidi:isolate;-webkit-background-clip:text;background-clip:text;font:800 clamp(120px,80cqw,220px)/1 Arial,sans-serif;transition:color .22s;position:absolute;inset-block-end:-16px;inset-inline-start:0}.shortlist-poster{aspect-ratio:1;background:var(--surface);border-radius:8px;display:block;overflow:hidden;box-shadow:0 12px 24px #0003}.shortlist-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.shortlist-story:hover .shortlist-poster img{transform:scale(1.035)}.shortlist-story:hover .shortlist-number{-webkit-text-stroke-color:var(--gold)}.shortlist-play{background:var(--gold);color:#111;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .16s;display:grid;position:absolute;inset-block-end:10px;inset-inline-end:10px;box-shadow:0 4px 16px #0008}.shortlist-play:hover{transform:scale(1.08)}.shortlist-play:active{transform:scale(.97)}.shortlist-copy{min-width:0;padding:18px 0 0}.shortlist-copy h3{font-family:var(--font-latin);color:var(--text);text-align:start;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:44px;font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}html[dir=rtl] .shortlist-copy h3{text-align:right}.shortlist-copy small{color:var(--gold);margin-top:7px;font-size:12px;display:block}html[data-theme=light] .shortlist-copy small{color:#750}.shortlist-duration{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:12px;display:inline-flex}.shortlist-play:focus-visible,.shortlist-poster:focus-visible,.shortlist-copy a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.quick-section .horizontal-rail>.shortlist-panel{scrollbar-width:none}.shortlist-panel::-webkit-scrollbar{display:none}@media (max-width:1100px) and (min-width:768px){.shortlist-panel{grid-auto-columns:min(280px,33.3333% - 16px)}}@media (max-width:767px){.shortlist-heading{flex-direction:column;align-items:flex-start;gap:8px}.shortlist-panel{grid-auto-columns:min(275px,78%);gap:24px}.shortlist-copy h3{min-height:50px;font-size:17px}.shortlist-art{padding-inline-start:48px}.shortlist-copy{padding-top:18px}}@media (prefers-reduced-motion:reduce){.shortlist-number,.shortlist-poster img,.shortlist-play{transition:none}.shortlist-story:hover img,.shortlist-play:hover,.shortlist-play:active{transform:none}}
.continue-card{min-width:0;color:var(--text);scroll-snap-align:start;background:0 0;border:none;container-type:inline-size}.continue-card-inner{grid-template-columns:clamp(170px,34cqw,280px) minmax(0,1fr);align-items:center;gap:clamp(22px,4cqw,44px);padding:8px 2px;display:grid}.continue-art{min-width:0;position:relative}.continue-poster{aspect-ratio:1;background:var(--surface);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 12px 26px #0003}.continue-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.continue-card:hover .continue-poster img{transform:scale(1.03)}.continue-copy{min-width:0}.continue-copy>small{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.continue-copy h3{font-family:var(--font-latin);text-align:start;color:var(--text);-webkit-line-clamp:2;overflow-wrap:anywhere;unicode-bidi:isolate;-webkit-box-orient:vertical;height:2.7em;font-size:clamp(19px,3cqw,32px);line-height:1.35;display:-webkit-box;overflow:hidden}html[dir=rtl] .continue-copy h3{text-align:right}.continue-footer{background:0 0;margin-top:24px}.continue-progress{background:var(--border);direction:ltr;border-radius:10px;height:3px;overflow:hidden}.continue-progress span{background:var(--gold);border-radius:inherit;min-width:3px;height:100%;display:block}.continue-footer-row{flex-direction:column;align-items:flex-start;gap:16px;margin-top:12px;display:flex}.continue-time{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.continue-time svg{flex:none}.continue-play{inset-inline-end:10px;z-index:2;color:#111;background:var(--gold);border:1px solid #ffffff80;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:transform .16s;display:grid;position:absolute;bottom:10px;box-shadow:0 5px 16px #0006}.continue-play:hover{background:var(--gold);transform:translateY(-2px)}.continue-play:active{transform:scale(.98)}.continue-copy a:focus-visible,.continue-poster:focus-visible,.continue-play:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.continue-section .horizontal-rail>.continue-rail{scrollbar-width:none}.continue-rail::-webkit-scrollbar{display:none}@container (max-width:480px) and (min-width:301px){.continue-card-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.continue-copy h3{-webkit-line-clamp:3;height:4.05em;font-size:17px}.continue-copy>small{margin-bottom:9px}.continue-footer{margin-top:18px}.continue-footer-row{gap:12px}}@container (max-width:300px){.continue-card-inner{flex-direction:column;align-items:stretch;gap:14px;padding:6px 2px;display:flex}.continue-copy>small{display:none}.continue-copy h3{height:2.7em;font-size:14px}.continue-footer{margin-top:14px}.continue-footer-row{align-items:stretch;gap:12px;margin-top:10px}.continue-time{font-size:11px}}@container (max-width:180px){.continue-card-inner{gap:12px}.continue-copy h3{-webkit-line-clamp:3;height:4.05em;font-size:12px}.continue-time{gap:3px;font-size:10px}.continue-time>span,.continue-time svg{display:none}.continue-play{inset-inline-end:7px;width:40px;height:40px;bottom:7px}}@media (prefers-reduced-motion:reduce){.continue-poster img,.continue-play{transition:none}.continue-card:hover img,.continue-play:hover,.continue-play:active{transform:none}}@media (max-width:767px){.continue-play{width:44px;height:44px}}.detail-resume-progress{gap:7px;max-width:340px;margin-top:14px;display:grid}.detail-resume-track,.episode-resume-track{background:var(--border);direction:ltr;border-radius:10px;height:4px;display:block;overflow:hidden}.detail-resume-track>span,.episode-resume-track>i{border-radius:inherit;background:var(--gold);height:100%;display:block}.detail-resume-progress>small,.episode-resume-meta>small{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.detail-resume-progress>small svg{flex:none}.episode-resume-meta{gap:5px;margin-top:8px;display:grid}.episode-resume-track{width:min(100%,220px);height:3px}.card-resume-meta{gap:5px;margin-top:9px;display:grid}.card-resume-track{background:var(--border);direction:ltr;border-radius:8px;height:3px;overflow:hidden}.card-resume-track>span{background:var(--gold);border-radius:inherit;height:100%;display:block}.card-resume-meta>small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}
.player-art{min-width:0}.player-art>img{aspect-ratio:1;object-fit:contain;height:auto}.seek-button>svg{flex:none;overflow:visible}.timer-control{flex:none}.anchored-popover{overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface-raised);width:min(460px,100vw - 32px);max-height:min(520px,100dvh - 32px);color:var(--text);text-align:start;border-radius:18px;margin:0;padding:20px;font-size:14px;position:fixed;inset:auto;overflow:auto;box-shadow:0 14px 50px #00000038}.anchored-popover::backdrop{background:0 0}.sleep-popover{width:min(260px,100vw - 32px);padding:16px}.quiet-explanation{width:min(340px,100vw - 32px)}.quiet-explanation p{margin-bottom:14px;line-height:1.7}.sleep-popover>strong{margin-bottom:12px;display:block}.sleep-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sleep-choices button{border:1px solid var(--border);border-radius:10px;min-height:44px;font-size:12px}.sleep-choices .selected{background:var(--purple);border-color:var(--purple);color:#fff}.comments-panel-close{float:inline-end;margin:-8px -8px 4px 4px}.player-comments-popover .comments-section,.detail-comments-panel .comments-section{border:0;margin:0;padding:0}.player-comments-popover .section-heading h2{font-size:19px}.player-comments-popover .section-heading{clear:both;gap:8px}.player-comments-popover .comment-form{background:0 0;padding:0}.player-comments-popover .comment{padding:14px 0}.player-comments-popover .comment-pagination{gap:8px}.player-comments-popover .comment-pagination .btn{min-width:90px;padding-inline:12px}.player-comments-popover .comment p{overflow-wrap:anywhere}.detail-comments-panel{border-top:1px solid var(--border);text-align:start;margin-top:24px;padding-top:22px}.detail-copy{min-width:0}.player-queue summary{cursor:pointer;color:var(--muted);padding-block:10px;font-size:13px}.player-queue[open] summary{margin-bottom:8px}.player-queue:focus-within{outline-color:var(--purple)}@media (max-width:767px){.player-overlay{align-items:stretch;height:100dvh;padding:0}.full-player{width:100%;height:100%;max-height:none;padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom));border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.full-player>header{flex:none;width:100%;max-width:none;min-height:44px;margin:0 0 6px}.full-player-layout{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:500px;min-height:0;display:grid}.player-art{aspect-ratio:1;place-self:center;width:min(100%,100dvh - 390px,400px);padding:12px}.full-player:has(.player-queue) .player-art{width:min(100%,100dvh - 430px,400px)}.player-art>img{border-radius:16px}.player-details{text-align:center;gap:6px;min-width:0;padding:0;display:grid}.player-details h1{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:clamp(18px,5.5vw,24px);line-height:1.2;display:-webkit-box;overflow:hidden}.player-details>p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.player-details>.eyebrow{display:none}.player-mode-row{gap:10px;margin:0}.player-mode-row .quiet-button{min-height:44px;padding:6px 12px;font-size:12px}.full-player .player-progress{gap:8px;min-height:30px;margin:0;font-size:11px}.full-player .player-progress input{min-height:30px}.full-player .playback-controls{gap:clamp(8px,3vw,18px);margin:0}.full-player .play-button{width:56px;height:56px}.full-player .speed-options{gap:8px}.full-player .speed-options button{min-height:44px;padding:6px 12px}.full-player .player-actions{gap:14px;margin:0}.full-player .player-actions .icon-button{width:44px;height:44px}.full-player .player-queue{border:0;margin:0;padding:0;position:relative}.full-player .player-queue summary{min-height:32px;padding:5px}.full-player .player-queue[open]{inset:auto 16px max(16px, env(safe-area-inset-bottom));z-index:2;border:1px solid var(--border);background:var(--surface-raised);border-radius:16px;max-height:45dvh;padding:10px;position:absolute;overflow:auto}}@media (max-width:1024px) and (max-height:500px) and (orientation:landscape){.player-overlay{height:100dvh;padding:0}.full-player{width:100%;height:100%;max-height:none;padding:6px max(16px, env(safe-area-inset-left));border-radius:0;overflow:auto}.full-player>header{min-height:44px;margin:0 0 4px}.full-player-layout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px;max-width:none;display:grid}.player-art{width:min(100%,100dvh - 68px);margin:auto;padding:12px}.full-player:has(.player-queue) .player-art{width:min(100%,100dvh - 68px)}.player-details{text-align:center;gap:4px;padding:0;display:grid}.player-details h1{margin:0;font-size:19px;line-height:1.2}.player-details>p,.player-mode-row,.full-player .player-progress,.full-player .playback-controls,.player-actions{margin:0}.player-details>.eyebrow{display:none}.full-player .play-button{width:48px;height:48px}.full-player .speed-options button{min-height:44px;padding:6px 12px}.player-actions .icon-button{width:44px;height:44px}.full-player .player-queue{border:0;margin:0;padding:0}}
.share-modal .share-template-preview{background:var(--surface);aspect-ratio:1;max-width:340px;position:relative}.share-modal .share-template-preview>p{justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.share-modal .share-social-targets{flex-wrap:wrap;gap:8px;margin-block:12px;display:flex}.share-modal .share-dialog-url input{width:100%;min-width:0;color:var(--text);font:inherit;direction:ltr;background:0 0;border:0;padding:0}
.avatar-picker{margin-block:18px}.avatar-picker-row{align-items:center;gap:18px;display:flex}.avatar-picker-image{border:1px solid var(--border);background:var(--surface);width:84px;height:84px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar-picker-image>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-edit-button{inset-inline-end:-8px;border:2px solid var(--bg);background:var(--gold);color:#24103f;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;bottom:-8px}.avatar-edit-button:focus-visible,.avatar-remove-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.avatar-picker-copy{min-width:0}.avatar-picker-copy .muted{margin-block:4px;font-size:12px}.avatar-remove-button{min-height:44px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;padding:6px 0;font-size:12px;text-decoration:underline}.avatar-picker-status{color:var(--gold);margin-block:8px;font-size:12px}.country-select-field select{width:100%;min-height:44px}.country-select-field .inline-error{margin-block:6px;font-size:12px}
.top-avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}@media (max-width:767px){html{scroll-padding-top:88px}.header-inner{padding-bottom:12px}.primary-nav{inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-raised) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:68px;padding:5px 7px;display:grid;position:fixed;box-shadow:0 6px 24px #0000001f}.primary-nav a{border-radius:17px;flex-direction:column;gap:3px;min-width:0;min-height:56px;padding:5px 2px;font-size:10px;line-height:1.4}.primary-nav a svg{width:20px;height:20px;display:block}.primary-nav a.active{background:color-mix(in srgb, var(--gold) 13%, transparent);color:var(--gold);box-shadow:none}html[data-theme=light] .primary-nav a.active{color:#795600}.app-frame{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}.app-frame.frame-with-player{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}.mini-player{bottom:calc(88px + env(safe-area-inset-bottom,0px));inset-inline:12px}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}body:has(.mini-player) .toast{bottom:calc(176px + env(safe-area-inset-bottom,0px))}}
.profile-completion{border:1px solid var(--border);background:var(--surface-raised);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:24px;margin:auto;padding:32px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 24px 90px #0005}.profile-completion::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.profile-completion-close{top:8px;width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:8px}.profile-completion-close:hover{background:var(--surface)}.profile-completion-intro{margin-bottom:24px}.profile-completion-mark{border:1px solid var(--gold);width:56px;height:56px;color:var(--gold);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.profile-completion-intro>small{color:var(--muted);font-size:13px;display:block}.profile-completion h2{margin:8px 0 10px;font-size:27px;line-height:1.35}.profile-completion-intro>p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.profile-completion fieldset{border:0;min-width:0;margin:0;padding:0}.profile-completion .field{margin:0 0 18px;font-size:14px}.profile-completion .field input,.profile-completion .field select{border-radius:12px;width:100%;min-height:48px;padding:10px 14px}.profile-completion-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:14px;display:grid}.profile-completion-optional{color:var(--muted);font-size:12px;font-weight:400}.profile-completion-note{color:var(--muted);margin:-10px 0 22px;font-size:12px}.profile-completion .inline-error{margin:0 0 16px;font-size:13px}.profile-completion .btn{min-height:48px}.profile-completion-later{min-height:44px;color:var(--muted);margin:8px auto 0;font-size:13px;display:block}.profile-completion :is(button,input,select):focus-visible{outline:2px solid var(--purple);outline-offset:3px}@media (max-width:520px){.profile-completion{padding:26px 22px 18px}.profile-completion h2{font-size:24px}}
.account-link-dialog[open]{flex-direction:column;gap:16px;display:flex}.account-link-dialog{width:min(540px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px}.account-link-dialog header{gap:12px;margin:0}.account-link-dialog header h2{margin:0;font-size:24px;line-height:1.4}.account-link-dialog header .icon-button{flex:0 0 44px;width:44px;height:44px}.account-link-dialog p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.account-link-dialog .account-link-step{margin:4px 0 0;font-size:16px;font-weight:700;line-height:1.6}.account-link-dialog .field{margin:0}.account-link-dialog .field input{min-height:48px}.account-link-dialog .btn,.account-link-dialog .social-sign-in{white-space:normal;width:100%;height:auto;min-height:48px;padding:12px 16px;line-height:1.5}.account-link-dialog .facebook-link-actions{gap:12px;margin:0;display:grid}.account-link-dialog .account-link-google{justify-content:center;width:100%;min-width:0;margin:12px 0;display:flex}.account-link-dialog .facebook-link-error{color:var(--danger,#ef6565)}html[data-theme=light] .account-link-dialog .facebook-link-error{color:#b42318}.social-account-collision{border:1px solid var(--gold);background:var(--surface-raised);color:var(--text);border-radius:20px;gap:12px;margin-bottom:20px;padding:20px;display:grid}.social-account-collision strong{font-size:20px;line-height:1.5}.social-account-collision p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.social-account-collision .btn{white-space:normal;width:100%;height:auto;min-height:48px;padding:12px 16px;line-height:1.5}@media (max-width:420px){.account-link-dialog{border-radius:20px;padding:20px}.account-link-dialog header h2{font-size:22px}}.register-heading{flex-wrap:wrap;align-items:center;gap:20px 16px;display:flex}.register-heading-copy{flex:160px;min-width:0}.register-heading-copy h1{text-wrap:balance;margin:0 0 13px;font-size:29px;line-height:1.25}.register-heading-copy p{margin:0;font-size:13px;line-height:1.7}.register-social-actions{flex:none;margin-inline-start:auto}.register-providers{justify-content:center;align-items:center;gap:16px;display:flex}.register-provider,.register-provider-slot{flex:0 0 64px;width:64px;height:64px}.register-provider-slot{display:grid}.register-provider-slot>*{grid-area:1/1}.register-provider{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:opacity .16s,filter .16s,transform .16s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}html[data-theme=light] .register-provider{border-color:#d8dee7}.register-provider--apple>img{object-fit:contain;width:100%;height:100%}.register-provider--google>img,.register-provider--facebook>svg{flex:0 0 24px;width:24px;height:24px}.register-provider--facebook{color:#1877f2}.register-provider-google{cursor:default}.register-provider-google:focus-within,.register-provider:focus-visible{outline:3px solid var(--purple);outline-offset:3px}button.register-provider:hover:not(:disabled){filter:brightness(.96)}button.register-provider:active:not(:disabled){transform:scale(.97)}button.register-provider:disabled,.register-provider-google[inert]{cursor:not-allowed;opacity:.6}.register-provider-spinner{border:2px solid #0a0a0a33;border-top-color:#0a0a0a;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite register-provider-spin}@keyframes register-provider-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.register-heading-copy h1{font-size:32px}}@media (prefers-reduced-motion:reduce){.register-provider{transition:opacity .16s,filter .16s}button.register-provider:active:not(:disabled){transform:none}.register-provider-spinner{animation:none}}
.discovery-title{align-items:center;gap:10px;display:flex}.discovery-search-field{direction:ltr;grid-template-columns:44px minmax(0,1fr) 24px;gap:10px;padding-inline:12px;display:grid}.discovery-search-field:focus-within{border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb, var(--purple) 25%, transparent)}.discovery-search-field input{text-align:start;grid-area:1/2;min-width:0;padding-inline:4px}.discovery-search-field>svg{grid-area:1/3;width:22px}.discovery-search-filter{grid-area:1/1;width:44px}.discovery-search-filter .discovery-filter-trigger{width:44px;min-width:44px;height:44px;min-height:44px}.discovery-search-filter .discovery-filter-trigger:not([aria-expanded=true]){border-color:#0000}.discovery-search-with-query{grid-template-columns:minmax(0,1fr) 24px}.discovery-search-with-query input{grid-column:1}.discovery-search-with-query>svg{grid-column:2}.discovery-filter-trigger{border:1px solid var(--border);border-radius:12px;flex:none}.discovery-filter-trigger[aria-expanded=true]{color:var(--gold);border-color:var(--purple)}html[data-theme=light] .discovery-filter-trigger[aria-expanded=true]{color:var(--purple)}.discovery-filter-popover{width:min(540px,100vw - 32px);padding:20px}.discovery-filter-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.discovery-filter-heading h2{font-size:21px;line-height:1.4}.discovery-filter-group{border:0;min-width:0;margin:24px 0 0;padding:0}.discovery-filter-group legend{margin-bottom:10px;font-weight:700}.discovery-choices{gap:8px;padding:5px;display:flex;overflow-x:auto}.discovery-choice{cursor:pointer;flex:none;position:relative}.discovery-choice input{opacity:0;width:1px;height:1px;position:absolute}.discovery-choice span{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;min-height:46px;padding:10px 15px;font-size:14px;display:flex}.discovery-choice input:checked+span{border-color:var(--purple);background:var(--purple);color:#fff}.discovery-choice input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.discovery-filter-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.discovery-filter-actions .btn{flex:1;min-width:160px}.discovery-toolbar{overscroll-behavior-inline:contain;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;margin-block:12px;padding:4px;display:flex;overflow-x:auto}.discovery-short-listen{flex:none;align-items:center;margin-inline-start:auto;display:flex}.discovery-time-options{flex-wrap:nowrap;flex:none;gap:8px;display:flex}.discovery-browse-button,.discovery-time-options button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:24px;flex:none;min-width:44px;min-height:46px;padding:9px 16px;font-weight:600;line-height:1.3}.discovery-browse-button[aria-pressed=true],.discovery-time-options button[aria-pressed=true]{color:#fff;background:var(--purple);border-color:var(--purple)}.discovery-time-row{align-items:center;gap:8px;display:flex}.discovery-time-helper{max-inline-size:90px;color:var(--muted);font-size:12px;line-height:1.35}.discovery-filter-summary,.discovery-notice{color:var(--muted);margin-block:10px 18px}.discovery-result{min-width:0}.discovery-duration{color:var(--muted);align-items:center;gap:7px;margin-top:10px;font-size:13px;display:flex}.discovery-alternatives-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.discovery-alternatives-heading h2{font-size:19px}.empty-content{border:1px solid var(--border);background:var(--surface);border-radius:20px;width:100%;max-width:940px;margin:24px auto;padding:clamp(20px,4vw,32px)}.empty-content-copy{text-align:center;max-width:600px;margin-inline:auto}.empty-content-copy>svg{color:var(--purple);margin-bottom:12px}.empty-content-copy h3{font-size:21px;line-height:1.45}.empty-content-copy p{color:var(--muted);margin-top:8px}.empty-content-copy .empty-content-error{color:var(--text);font-size:14px}.empty-content-suggestions{margin-top:24px}.empty-content-suggestion-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-bottom:12px;display:flex}.empty-content-suggestion-heading h4{margin:0;font-size:16px;font-weight:700}.empty-content-refresh{min-height:44px;color:var(--text);justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:600;display:inline-flex}.empty-content-refresh:hover{text-underline-offset:3px;text-decoration:underline}.empty-content-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.empty-content-pick{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:center;gap:10px;min-width:0;min-height:96px;padding:10px;display:flex}.empty-content-pick>img{object-fit:cover;border-radius:8px;flex:none;width:54px;height:72px}.empty-content-pick>div{flex:1;min-width:0}.empty-content-pick strong{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.empty-content-pick small{color:var(--muted);margin-top:4px;display:block}.empty-content-pick>svg{flex:none}.empty-content-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.empty-content-loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.empty-content-loading svg{animation:1s linear infinite empty-content-spin}.empty-content-compact{max-width:640px;margin-block:16px;padding:20px}.empty-content-compact .empty-content-copy h3{font-size:18px}@keyframes empty-content-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.empty-content-picks{grid-template-columns:1fr}.empty-content-pick strong{font-size:16px}}@media (max-width:480px){.discovery-filter-popover{padding:16px}.discovery-title h1{font-size:23px}.discovery-search-field{gap:8px;padding-inline:8px}.discovery-toolbar{gap:8px;padding-inline:0}.discovery-browse-button{padding:6px 10px;font-size:14px}.discovery-time-row{gap:6px}.discovery-time-helper{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.discovery-time-options{gap:4px}.discovery-time-options button{width:44px;padding-inline:4px;font-size:14px}.empty-content-copy h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.empty-content-loading svg{animation:none}}
.comment-avatar{border:1.5px solid var(--purple);flex:0 0 44px;width:44px;height:44px;font-size:22px;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%;display:block}.comment-heading{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.comment-heading strong{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;line-height:1.55}.comment-heading time{text-align:end;overflow-wrap:anywhere;flex:0 auto;max-width:45%;font-size:12px;line-height:1.65}.comment-actions{flex-wrap:wrap}.comment-actions button{min-width:44px;min-height:44px}.report-reasons{border:0;gap:8px;min-width:0;padding:0;display:grid}.report-reasons legend{margin-bottom:8px}.report-reasons label{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.report-reasons input{width:18px;height:18px;accent-color:var(--purple);flex:0 0 18px}.collection-dialog{max-width:min(540px,100vw - 24px);max-height:min(80dvh,760px);padding:24px;overflow-y:auto}.collection-dialog>header,.collection-dialog form>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.collection-dialog h2{font-size:22px}.collection-dialog .inline-error{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.collection-picker-list,.collections-list{gap:12px;margin-block:18px;display:grid}.collection-picker-item,.collection-card-header{align-items:center;gap:12px;min-width:0;display:flex}.collection-picker-item{text-align:start;border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;padding:12px}.collection-picker-item>span:nth-child(2),.collection-open>span:nth-child(2){flex:1;min-width:0}.collection-picker-item strong,.collection-open strong{overflow-wrap:anywhere;display:block}.collection-picker-item small,.collection-open small{color:var(--muted);margin-top:4px;display:block}.collection-cover{background:var(--surface);width:60px;height:60px;color:var(--muted);border-radius:10px;flex:0 0 60px;place-items:center;display:grid;overflow:hidden}.collection-cover img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0}.collection-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:30px}.collection-name-form{gap:12px;margin-top:20px;display:grid}.collection-dialog-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.collection-create{margin-top:12px}.collection-message{color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px}.collections-panel{min-width:0}.collections-panel .section-heading{flex-wrap:wrap;gap:16px}.collection-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:16px}.collection-open{text-align:start;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.collection-card-header>.icon-button{flex-shrink:0}.collection-items{gap:12px;padding-top:16px;display:grid}.collection-content{align-items:center;gap:10px;min-width:0;display:flex}.collection-content-link{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.collection-content-link img{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:60px}.collection-content-link span{overflow-wrap:anywhere}.collection-content-link .story-title{flex:1;min-width:0;display:block}.follow-control{align-content:start;gap:8px;display:grid}.collection-dialog :focus-visible,.collections-panel :focus-visible,.follow-control :focus-visible,.report-reasons :focus-visible{outline:2px solid var(--purple);outline-offset:3px}@media (max-width:480px){.collection-dialog{padding:18px}.collection-card{padding:12px}.collection-cover{flex-basis:48px;width:48px;height:48px}.collection-cover-grid{grid-auto-rows:24px}.collection-card-header{gap:4px}.collection-content{flex-wrap:wrap}.collection-content-link{flex-basis:calc(100% - 56px)}.collection-content>.btn{margin-inline-start:56px}}.library-unresolved{border:1px solid var(--border);border-radius:16px;margin-block:24px;padding:20px}.library-unresolved p{color:var(--muted);margin-bottom:16px}.library-unresolved-links{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.detail-follow{margin-block:24px}.episodes>.section-heading{flex-wrap:wrap;gap:12px}
.listening-data-preferences{border-top:1px solid var(--border);width:100%;max-width:560px;margin:24px auto 0;padding-top:16px;scroll-margin-top:130px}.listening-data-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.listening-data-row>span{min-width:0;font-size:16px;line-height:1.5}.listening-data-switch{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:48px;min-height:48px;padding:0;display:grid}.listening-data-switch:disabled{opacity:.55;cursor:default}.listening-data-track{background:var(--border);direction:ltr;border-radius:100px;width:44px;height:26px;padding:3px;display:block}.listening-data-track>span{background:#fff;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 1px 3px #0003}.listening-data-switch[aria-checked=true] .listening-data-track{background:var(--purple)}.listening-data-switch[aria-checked=true] .listening-data-track>span{transform:translate(18px)}.listening-data-switch:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.listening-data-preferences p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.6}.listening-data-error{margin-top:8px}.listening-data-error>.btn{min-height:44px;margin-top:8px}@media (prefers-reduced-motion:no-preference){.listening-data-track{transition:background-color .12s}.listening-data-track>span{transition:transform .12s}}
.page-pending-wave{pointer-events:none;width:64px;height:24px;color:var(--purple);z-index:1;place-items:center;display:grid;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.page-pending-wave-bars{opacity:.8;justify-content:center;align-items:center;gap:3px;height:18px;display:flex}.page-pending-wave-bars>span{transform-origin:50%;background:currentColor;border-radius:2px;width:3px;height:18px;display:block;transform:scaleY(.45)}.page-pending-wave-bars>span:nth-child(2),.page-pending-wave-bars>span:nth-child(6){transform:scaleY(.65)}.page-pending-wave-bars>span:nth-child(3),.page-pending-wave-bars>span:nth-child(5){transform:scaleY(.85)}.page-pending-wave-bars>span:nth-child(4){transform:scaleY(1)}@media (prefers-reduced-motion:no-preference){.page-pending-wave-bars>span{animation:1s cubic-bezier(.45,0,.55,1) infinite page-pending-wave}@keyframes page-pending-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}}
.player-art .poster-wave{width:calc(100% + 64px);height:calc(100% + 64px);inset:-32px}.player-mode-row .quiet-button,.mini-extras .quiet-button{gap:7px;min-height:44px;padding:8px 13px}.player-mode-row{justify-content:center;width:100%;position:relative}.player-mode-row .quiet-button{flex:none;margin-inline:auto;padding:7px 12px;font-size:12px}.player-mode-row .timer-control{inset-inline-end:0;position:absolute;top:50%;transform:translateY(-50%)}.mini-extras .quiet-button{font-size:11px}.mini-extras .quiet-button svg{flex:none}.full-player .playback-controls>.track-nav-button,.full-player .playback-controls>.seek-button{box-sizing:border-box;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px}.speed-options{direction:inherit;align-items:center;gap:12px}.full-player .speed-options button{color:#737373;width:56px;min-width:56px;height:44px;min-height:44px;font:700 10px/12px var(--font-latin);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.speed-options button>span{border:1px solid #262626;border-radius:999px;place-items:center;width:56px;height:28px;font-weight:700;transition:background-color .16s,color .16s,border-color .16s;display:grid}.speed-options .selected>span{background:var(--gold);color:#0a0a0a;border-color:#0000}html[data-theme=light] .speed-options .selected>span{background:var(--purple);color:#fff}.full-player .speed-options button:focus-visible,.quiet-button:focus-visible,.full-player .playback-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width:767px){.player-mode-row{justify-content:center}.full-player .playback-controls>.track-nav-button,.full-player .playback-controls>.seek-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.speed-options{gap:clamp(6px,2vw,12px)}.full-player .speed-options button{padding:0}}