@font-face{font-family:Tajawal;src:url(/fonts/Tajawal_400Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal_700Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal_800ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Syne;src:url(/fonts/Syne_400Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Syne;src:url(/fonts/Syne_700Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--gold:#f9ca32;--purple:#7c45d3;--bg:#0a0a0a;--surface:#151515;--surface-raised:#1e1f1e;--text:#f7f6f8;--muted:#a7a3ac;--border:#29272c;--soft:#211b2a;--radius:20px;--sidebar:238px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#fff;--surface:#f5f7fa;--surface-raised:#fff;--text:#0a0a0a;--muted:#66616d;--border:#e9e5ef;--soft:#f4edfc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font-family:Tajawal,Arial,sans-serif;font-size:16px;line-height:1.55}html[lang=en] body{font-family:Syne,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{object-fit:cover;max-width:100%}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(28px,3vw,38px);font-weight:800}h2{font-size:24px;font-weight:800}h3{font-size:18px}p{line-height:1.7}small{font-size:13px}input,select,textarea{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0}input:not([type=checkbox]):not([type=range]),select,textarea{padding:12px 14px}textarea{resize:vertical}input[type=range]{accent-color:var(--gold);cursor:pointer;height:5px;padding:0}input[type=checkbox]{accent-color:var(--purple);flex:none;width:18px;height:18px}progress{accent-color:var(--gold);border:0;border-radius:10px;height:6px;overflow:hidden}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:var(--gold);color:#0a0a0a}.muted{color:var(--muted)}.accent{color:var(--gold)}.wide{width:100%}.skip-link{background:var(--gold);color:#000;z-index:100;padding:12px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{letter-spacing:.1em;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:700}.btn{border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 22px;font-weight:700;line-height:1.25;transition:transform .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#0a0a0a}.btn-secondary{background:var(--surface-raised);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--purple)}.btn-danger{color:#fff;background:#c93445}.icon-button{border-radius:50%;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background .18s;display:inline-flex}.icon-button:hover{background:var(--soft)}.avatar{background:color-mix(in srgb, var(--gold) 11%, var(--surface));border:1px solid color-mix(in srgb, var(--gold) 38%, var(--border));width:42px;height:42px;color:var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.avatar.large{width:68px;height:68px;font-size:28px}.app-frame{max-width:1800px;min-height:100vh;margin:auto}.sidebar{width:var(--sidebar);top:0;bottom:0;border-inline-end:1px solid var(--border);z-index:25;background:var(--bg);flex-direction:column;padding:32px 21px 24px;display:flex;position:fixed;inset-inline-start:max(0px,50vw - 900px)}.brand{direction:ltr;margin:0 10px 16px;display:block}.brand img{object-fit:contain;width:174px;height:auto}.sidebar-label{color:var(--muted);margin-bottom:37px;padding:0 10px;font-size:12px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:var(--muted);border-radius:12px;align-items:center;gap:14px;min-height:48px;padding:13px 15px;font-weight:700;transition:background .18s,color .18s;display:flex}.sidebar nav a:hover{background:var(--surface);color:var(--text)}.sidebar nav a.active{background:var(--gold);color:#111}.nav-dot{background:#111;border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.quiet-promo{border:1px solid var(--border);background:linear-gradient(140deg, var(--soft), var(--surface));border-radius:16px;flex-direction:column;align-items:flex-start;padding:19px;display:flex}.quiet-icon{color:var(--gold);margin-bottom:12px}.quiet-promo strong{font-size:16px}.quiet-promo p{color:var(--muted);margin:7px 0 13px;font-size:12px}.quiet-promo a{color:var(--gold);align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-profile{align-items:center;gap:10px;margin:24px 2px 0;display:flex}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:13px;display:block;overflow:hidden}.sidebar-profile small{color:var(--muted);font-size:10px;display:block}.main-column{margin-inline-start:var(--sidebar)}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 94%, transparent);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:24px;height:91px;padding:0 38px;display:flex;position:sticky;top:0}.desktop-greeting{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:13px;display:flex}.live-dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.header-search{background:var(--surface);border:1px solid var(--border);max-width:390px;height:43px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:10px;margin-inline-start:auto;padding:0 14px;display:flex}.header-search input{background:0 0;border:0;outline:none;width:100%;font-size:13px;padding:10px 0!important}.header-search kbd{border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:11px}.topbar-actions{align-items:center;gap:9px;display:flex}.top-avatar{width:36px;height:36px;font-size:16px}.mobile-brand,.more-mobile,.menu-close,.menu-backdrop,.mobile-nav{display:none}.main-content{max-width:1500px;min-height:calc(100vh - 170px);margin:auto;padding:34px 38px 60px}.main-content.has-player{padding-bottom:165px}.page-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-intro .eyebrow{margin-bottom:8px;font-size:11px}.page-intro h1{font-size:30px}.content-toggle{background:var(--surface);border:1px solid var(--border);border-radius:13px;flex:none;padding:5px;display:flex}.content-toggle button{color:var(--muted);border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:9px 20px;font-size:14px;font-weight:700;display:flex}.content-toggle button.active{background:var(--gold);color:#111}html[data-theme=light] .content-toggle button.active{color:var(--gold);background:#0a0a0a}.hero{border-radius:var(--radius);isolation:isolate;color:#fff;background:#131014;border:1px solid #2f2b32;min-height:365px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 30%;z-index:-2;width:58%;height:100%;position:absolute;inset-block:0;inset-inline-end:0}.hero-gradient{z-index:-1;background:linear-gradient(270deg,#111014 28%,#111014d4 44%,#1110141a 100%);position:absolute;inset:0}html[dir=ltr] .hero-gradient{background:linear-gradient(90deg,#111014 28%,#111014d4 44%,#1110141a 100%)}.hero-copy{width:59%;max-width:580px;padding:38px}.hero-badge{color:var(--gold);letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:15px;font-size:11px;font-weight:700;display:inline-flex}.hero-copy h2{max-width:470px;margin-bottom:10px;font-size:clamp(28px,3vw,44px)}.hero-copy>p{color:#b5afb9;max-width:440px;margin-bottom:22px;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:23px;display:flex}.hero-details{color:#fff;background:#ffffff12;border:1px solid #ffffff21;font-size:13px}.hero-mode{inset-inline-end:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--gold);background:#0a0a0abf;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;display:flex;position:absolute;bottom:24px}.hero-mode small{color:#aaa;font-size:10px;display:block}.category-row{scrollbar-width:none;gap:10px;margin:26px 0 34px;padding:3px 0;display:flex;overflow:auto}.category-row button{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:100px;min-height:42px;padding:9px 21px;font-size:13px}.category-row button:hover{border-color:var(--purple);color:var(--text)}.category-row button.active{background:var(--purple);border-color:var(--purple);color:#fff}.content-section{margin-top:36px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-heading h2{align-items:center;gap:10px;font-size:23px;display:flex}.section-heading p{color:var(--muted);margin-top:7px;font-size:13px}.section-heading>a{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.section-heading>a:hover{color:var(--gold)}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.content-card{min-width:0;position:relative}.card-poster{background:var(--surface);aspect-ratio:1/1.22;border-radius:15px;display:block;position:relative;overflow:hidden}.card-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card-poster:hover img{transform:scale(1.04)}.card-duration{bottom:11px;color:#eee;direction:ltr;background:#0a0a0ae6;border-radius:6px;padding:4px 9px;font-size:10px;position:absolute;inset-inline-end:11px}.card-copy{padding:13px 2px 0;min-height:83px;padding-inline-end:56px}.card-copy>small{color:var(--purple);font-size:11px;font-weight:700}html[data-theme=dark] .card-copy>small{color:#bc97f0}.card-copy h3{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:16px;font-weight:700;line-height:1.4;overflow:hidden}.card-subtitle{color:var(--muted);margin-top:4px;font-size:10px;display:block}.card-actions{bottom:2px;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;inset-inline-end:0}.bookmark-button{min-width:35px;min-height:29px;color:var(--muted);margin-bottom:6px}.bookmark-button[aria-pressed=true]{color:var(--gold)}.card-play{background:var(--gold);color:#111;border-radius:50%;flex:none;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;transition:transform .18s;display:flex}.card-play:hover{transform:scale(1.08)}.compact-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.content-card.compact{background:var(--surface);border:1px solid var(--border);border-radius:15px;align-items:center;gap:13px;padding:12px;display:flex}.compact .card-poster{aspect-ratio:auto;border-radius:10px;flex:none;width:67px;height:67px}.compact .card-duration{display:none}.compact .card-copy{flex:1;min-width:0;min-height:0;padding:0}.compact .card-copy h3{font-size:14px}.compact .card-copy>small{font-size:10px}.compact .card-subtitle{display:none}.compact .card-actions{flex-direction:row;gap:5px;position:static}.compact .bookmark-button{display:none}.quiet-banner{background:linear-gradient(115deg, var(--soft), var(--surface));border:1px solid #513478;border-radius:20px;align-items:center;gap:22px;margin-top:45px;padding:29px;display:flex}.quiet-banner-icon{background:var(--purple);color:#fff;border-radius:18px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.quiet-banner small{color:var(--purple);letter-spacing:.15em;font-size:10px;font-weight:700}html[data-theme=dark] .quiet-banner small{color:#c5a4f1}.quiet-banner h2{margin:7px 0;font-size:22px}.quiet-banner p{color:var(--muted);font-size:12px}.quiet-banner>.btn{flex:none;margin-inline-start:auto;font-size:12px}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:22px 38px;font-size:11px;display:flex}.site-footer>div{gap:19px;display:flex}.mini-player{bottom:0;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:30;align-items:center;gap:22px;min-height:106px;padding:15px 30px;display:flex;position:fixed;inset-inline-start:var(--sidebar);inset-inline-end:0}.mini-info{text-align:start;flex:1;align-items:center;gap:12px;min-width:200px;max-width:29%;display:flex}.mini-info img{border-radius:10px;width:56px;height:56px}.mini-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:14px;display:block;overflow:hidden}.mini-info small{color:var(--muted);font-size:11px}.mini-info>svg{color:var(--muted);margin-inline-start:auto}.mini-middle{flex:1.4;max-width:470px}.playback-controls{direction:ltr;justify-content:center;align-items:center;gap:12px;display:flex}.play-button{background:var(--gold);color:#0a0a0a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;min-width:44px;height:52px;min-height:44px;display:flex;box-shadow:0 4px 30px #f9ca3212}.play-button>svg{width:23px;height:23px}.seek-button{width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;display:flex;position:relative}.seek-button small{font-size:9px;position:absolute;top:18px}.player-progress{color:var(--muted);align-items:center;gap:12px;margin-top:10px;font-size:10px;display:flex}.player-progress input{flex:1;min-width:30px}.mini-player .play-button{width:35px;min-width:35px;height:35px;min-height:35px}.mini-player .play-button svg{width:18px}.mini-player .playback-controls{gap:9px;height:36px}.mini-player .seek-button{display:none}.mini-player .icon-button{min-width:32px;min-height:32px}.mini-player .player-progress{margin-top:7px}.mini-extras{align-items:center;gap:14px;margin-inline-start:auto;display:flex}.quiet-button{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 17px;font-size:12px;display:inline-flex}.quiet-button.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.mini-mobile-play,.mini-mobile-progress{display:none}.player-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;background:#0009;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.full-player{background:var(--bg);border:1px solid var(--border);border-radius:28px;width:min(1050px,100%);max-height:94vh;padding:22px 28px 32px;overflow:auto;box-shadow:0 30px 100px #0005}.full-player>header{color:var(--muted);letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;display:flex}.full-player-layout{grid-template-columns:1fr 1fr;align-items:start;gap:42px;display:grid}.player-art{position:relative}.player-art>img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%}.playing-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0a0a0abf;border-radius:12px;align-items:center;gap:10px;padding:11px;font-size:12px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.equalizer{align-items:center;gap:3px;height:17px;display:flex}.equalizer i{background:var(--gold);border-radius:2px;width:3px;height:8px}.equalizer i:nth-child(2){height:17px}.equalizer.active i{animation:.8s ease-in-out infinite alternate wave}.equalizer.active i:nth-child(2){animation-delay:.2s}.equalizer.active i:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:5px}}.player-details{padding-top:8px}.player-details h1{margin-top:12px;font-size:31px}.player-details>p{color:var(--muted);margin-top:9px;font-size:13px}.player-mode-row{align-items:center;gap:13px;margin:25px 0;display:flex}.player-mode-row .quiet-button{flex:1;font-size:14px}.full-player .player-progress{margin:22px 0;font-size:12px}.full-player .play-button{width:66px;height:66px}.full-player .playback-controls{gap:20px;margin:25px 0}.speed-options{direction:ltr;justify-content:center;gap:10px;display:flex}.speed-options button{border:1px solid var(--border);border-radius:100px;min-height:40px;padding:7px 16px;font-size:12px}.speed-options .selected{background:var(--purple);border-color:var(--purple);color:#fff}.player-actions{justify-content:center;gap:16px;margin-top:25px;display:flex}.player-actions .icon-button{border:1px solid var(--border);width:48px;height:48px}.player-queue{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.player-queue h3{margin-bottom:12px;font-size:15px}.player-queue button{border-radius:9px;align-items:center;gap:14px;width:100%;padding:11px;font-size:12px;display:flex}.player-queue button>span{color:var(--muted);font-size:10px}.player-queue button strong{text-align:start;flex:1}.player-queue button.active{background:var(--soft);color:var(--gold)}.timer-options{border:1px solid var(--border);border-radius:13px;padding:14px;font-size:12px}.timer-options>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.timer-options button{background:var(--surface);border-radius:8px;padding:7px 10px}.timer-options button.selected{background:var(--purple);color:#fff}.download-status{align-items:center;gap:10px;margin-top:20px;font-size:12px;display:flex}.download-status progress{flex:1}.download-status button{color:var(--gold)}.toast{background:var(--surface-raised);border:1px solid var(--border);z-index:100;border-radius:14px;align-items:center;gap:15px;max-width:min(500px,90vw);padding:16px 20px;font-size:14px;display:flex;position:fixed;bottom:125px;left:50%;transform:translate(-50%);box-shadow:0 15px 60px #0004}.toast button{flex:none;display:flex}.page-title{margin-bottom:32px}.page-title>p:last-child:not(.eyebrow){color:var(--muted);margin-top:13px;font-size:14px}.search-large{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:15px;min-height:68px;margin-top:15px;padding:5px 20px;display:flex}.search-large>svg{color:var(--purple)}.search-large input{background:0 0;border:0;outline:none;width:100%;font-size:17px}.inline-error{color:var(--text);background:#e7484812;border:1px solid #e7484850;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:16px 0;padding:14px 18px;font-size:14px;display:flex}.inline-error button{white-space:nowrap;color:var(--gold);align-items:center;gap:7px;display:flex}.success-message{background:#1aaa7415;border:1px solid #1aaa7460;border-radius:12px;margin:18px 0;padding:15px;font-size:14px}.skeleton{background:linear-gradient(110deg, var(--surface) 10%, var(--surface-raised) 40%, var(--surface) 65%);background-size:200% 100%;animation:1.4s linear infinite skeleton}.small-skeleton{border-radius:18px;height:120px}.detail-skeleton{border-radius:22px;height:400px}@keyframes skeleton{to{background-position:-200% 0}}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:22px;margin:25px 0;padding:70px 25px;display:flex}.empty-state>svg{color:var(--purple)}.empty-state h3{font-size:19px;font-weight:400;line-height:1.5}.history-row{grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin:17px 0;display:grid}.history-progress{align-items:center;gap:15px;font-size:12px;display:flex}.history-progress progress{flex:1}.history-progress small{white-space:nowrap}.download-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:15px;margin-bottom:14px;padding:16px;display:flex}.download-row>img{border-radius:11px;width:68px;height:68px}.download-row>div{flex:1}.download-row h3{margin-bottom:7px}.download-row small{color:var(--muted)}.back-link{color:var(--muted);align-items:center;gap:8px;min-height:44px;margin-bottom:23px;font-size:13px;display:inline-flex}.detail-hero{border:1px solid var(--border);background:var(--surface);border-radius:22px;grid-template-columns:300px 1fr;gap:38px;padding:28px;display:grid}.detail-poster{object-fit:cover;border-radius:15px;width:100%;height:350px}.detail-copy{align-self:center;padding:15px 0}.detail-copy h1{margin-top:12px;font-size:38px}.detail-copy>p{color:var(--muted);white-space:pre-line;max-width:650px;margin-top:20px;font-size:15px}.detail-meta{color:var(--muted);align-items:center;gap:9px;margin-top:23px;font-size:12px;display:flex}.detail-buttons{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.episodes{margin-top:35px}.episode{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:20px;margin-bottom:12px;padding:15px 20px;display:flex}.episode.selected{border-color:var(--purple)}.episode-number{color:var(--muted);font-size:13px}.episode-label{text-align:start;flex:1;min-width:0}.episode-label>strong{font-size:15px;display:block}.episode-label>small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.comments-section{margin-top:45px;scroll-margin-top:115px}.count-badge{background:var(--soft);color:var(--purple);border-radius:7px;padding:4px 9px;font-size:12px}.comment-form{background:var(--surface);border:1px solid var(--border);border-radius:17px;margin-top:23px;padding:22px}.field{flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.field>input,.field>select,.field>textarea{width:100%;min-height:46px;font-weight:400}.field>div{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:12px;align-items:center;gap:10px;padding-inline:13px;display:flex}.field>div>input{background:0 0;border:0;outline:none;flex:1;width:100%;font-weight:400;padding:12px 0!important}.checkbox-label{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:400;display:flex}.checkbox-label a{color:var(--purple);text-decoration:underline}html[data-theme=dark] .checkbox-label a{color:#c29af4}.comment-form-footer{align-items:center;gap:15px;display:flex}.comment-form-footer>span{color:var(--muted);margin-inline-start:auto;font-size:11px}.comment-list{margin-top:25px}.comment{border-bottom:1px solid var(--border);gap:14px;padding:23px 0;display:flex}.comment-body{flex:1;min-width:0}.comment-heading{align-items:center;gap:14px;display:flex}.comment-heading strong{font-size:14px}.comment-heading time{color:var(--muted);font-size:10px}.comment-body>p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:11px;font-size:14px}.comment-actions{gap:18px;margin-top:9px;display:flex}.comment-actions button{color:var(--muted);align-items:center;gap:5px;min-height:35px;font-size:10px;display:flex}.comment-login{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:25px 0;padding:18px;display:flex}.comment-login p{color:var(--muted);font-size:14px}.empty-comments{color:var(--muted);padding:30px 0;font-size:14px}.report-form{border:1px solid var(--border);border-radius:13px;margin-top:15px;padding:20px}.notifications-list{max-width:850px}.notification-row{border:1px solid var(--border);background:var(--surface);text-align:start;border-radius:16px;align-items:center;gap:18px;width:100%;margin-bottom:14px;padding:20px;display:flex}.notification-row>img{border-radius:12px;width:75px;height:75px}.notification-icon{background:var(--soft);width:60px;height:60px;color:var(--purple);border-radius:13px;justify-content:center;align-items:center;display:flex}.notification-row>span:nth-last-child(2){flex:1}.notification-row strong{font-size:16px;display:block}.notification-row small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.about-hero{text-align:center;flex-direction:column;align-items:center;max-width:850px;margin:15px auto 60px;display:flex}.about-hero>img{object-fit:contain;width:200px;height:auto;margin-bottom:38px}.about-hero h1{font-size:48px}.about-hero p{color:var(--muted);white-space:pre-line;margin:23px 0 30px;font-size:18px}.about-features{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;display:grid}.about-features article{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}.about-features svg{color:var(--gold);width:30px;height:30px;margin-bottom:22px}.about-features h2{margin-bottom:15px;font-size:21px}.about-features p{color:var(--muted);font-size:14px}.legacy-about iframe{border:1px solid var(--border);background:#0a0a0a;border-radius:20px;width:100%;height:780px;margin-top:20px}.account-grid{grid-template-columns:1fr 1fr;align-items:start;gap:25px;display:grid}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px}.settings-panel h2{margin-bottom:20px;font-size:24px}.profile-summary{align-items:center;gap:20px;margin-bottom:30px;display:flex}.profile-summary h2{margin-bottom:5px;font-size:22px}.profile-summary p{color:var(--muted);font-size:13px}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:18px 0;font-size:14px;display:flex}.setting-row>span{align-items:center;gap:9px;display:flex}.setting-row>small{max-width:180px;font-size:11px}.setting-row select{font-size:13px}.settings-panel .wide{margin-top:25px}.text-danger{color:#f57482;min-height:44px;margin-top:20px;font-size:13px}.danger-panel{background:#e7484810;border:1px solid #e7484840;border-radius:12px;padding:18px;font-size:13px}.danger-panel>input{width:100%;margin:15px 0}.policy-panel{max-width:850px}.policy-panel>p{color:var(--muted);margin-bottom:20px}.policy-links{flex-direction:column;margin-top:25px;display:flex}.policy-links a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 0;font-size:14px;display:flex}.auth-layout{border:1px solid var(--border);border-radius:24px;grid-template-columns:1fr 1fr;gap:0;max-width:1080px;min-height:650px;margin:10px auto;display:grid;overflow:hidden}.auth-art{color:#fff;text-align:center;background:linear-gradient(140deg,#271637,#141015);flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex}.auth-art>img{object-fit:contain;align-self:flex-start;width:180px;margin-top:-490px;position:absolute}.auth-sound{width:200px;height:200px;color:var(--gold);justify-content:center;align-items:center;margin-bottom:30px;display:flex;position:relative}.auth-sound>span{border:1px solid #7c45d340;border-radius:50%;position:absolute;inset:0}.auth-sound>span:nth-child(3){inset:20px}.auth-sound>span:nth-child(4){inset:40px}.auth-art h2{margin-bottom:19px;font-size:35px}.auth-art p{color:#b9afc4;max-width:300px;font-size:15px}.auth-art>small{color:var(--gold);margin-top:35px;font-size:12px}.auth-form{background:var(--bg);align-self:center;padding:35px 42px}.auth-form>h1{margin-bottom:13px;font-size:29px}.auth-form>p{font-size:13px}.auth-form>form{margin-top:28px}.form-two{grid-template-columns:1fr 1fr;gap:15px;display:grid}.forgot-link{color:var(--purple);text-align:end;margin:-4px 0 22px;font-size:12px;display:block}html[data-theme=dark] .forgot-link{color:#c29af4}.auth-form .wide{margin-top:22px}.auth-switch{text-align:center;margin-top:24px}.auth-switch a{color:var(--purple);font-weight:700}.auth-form>.muted:last-child{text-align:center;margin-top:17px;font-size:11px;display:block}.auth-divider{border-top:1px solid var(--border);text-align:center;margin-top:30px;position:relative}.auth-divider>span{background:var(--bg);color:var(--muted);padding:0 14px;font-size:11px;position:relative;top:-12px}.social-auth{flex-direction:column;align-items:center;display:flex}.social-auth .wide{margin-top:8px}.modal-sheet{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:22px;max-width:min(600px,94vw);max-height:92vh;padding:26px;overflow:auto;box-shadow:0 25px 100px #0005}.modal-sheet::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.modal-sheet header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.modal-sheet h2{font-size:25px}.share-preview{border-radius:15px;width:min(100%,330px);max-height:330px;margin:20px auto;overflow:hidden}.share-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.share-actions .btn{flex:1}.share-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.share-modal{width:min(720px,94vw);overflow-x:hidden}.share-dialog-panel{min-width:0}.share-template-section{grid-template-columns:minmax(0,1fr) 240px;gap:18px;margin-bottom:22px;display:grid}.share-template-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.share-template-heading .muted{font-size:12px}.share-template-title{font-size:16px}.share-template-picker{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:240px;display:grid;overflow-y:auto}.share-template-option{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 8px;font-size:12px;display:flex}.share-template-option.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.share-template-option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.share-template-swatch{border-radius:8px;flex-shrink:0;width:30px;height:30px}.share-template-preview{border-radius:16px;width:100%;min-width:0;max-width:240px;margin-inline:auto;overflow:hidden}.share-preview-canvas{width:100%;height:auto;display:block}@media (max-width:600px){.share-template-section{grid-template-columns:minmax(0,1fr)}.share-template-picker{max-height:176px}.share-template-heading{align-items:flex-start}}.share-dialog-url{background:var(--bg);border:1px solid var(--border);overflow-wrap:anywhere;direction:ltr;border-radius:12px;padding:14px;font-family:Arial,sans-serif;font-size:12px}.share-dialog-hint{color:var(--muted);margin-top:20px;font-size:12px}.share-dialog-status,.offline-message{color:var(--gold);margin-top:16px}.share-dialog-error{color:#f17882;margin-top:16px}.offline-intro,.offline-empty{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;align-items:flex-start;gap:18px;padding:32px;display:flex}.offline-icon{background:var(--soft);color:var(--gold);border-radius:15px;padding:13px;display:inline-flex}.offline-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.offline-header p{margin-top:12px}.connection-status,.offline-summary-item,.offline-capability{align-items:center;gap:10px;display:flex}.connection-status{border:1px solid var(--border);white-space:nowrap;border-radius:100px;padding:8px 14px;font-size:12px}.connection-status.online{color:#72d6a1}.connection-status.offline{color:var(--gold)}.offline-summary{color:var(--muted);flex-wrap:wrap;gap:26px;margin:24px 0;display:flex}.offline-capability{background:var(--soft);color:var(--muted);border-radius:12px;margin-top:24px;padding:14px 18px;font-size:13px}.offline-track-type{color:var(--gold);font-size:12px}.offline-track-copy h2{margin:5px 0;font-size:20px}.offline-track-actions{flex-wrap:wrap;gap:10px;display:flex}.offline-track-actions button{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:flex}.offline-track-actions button:first-child{background:var(--gold);color:#111}.offline-progress{background:var(--border);border-radius:5px;height:5px;margin-top:12px;overflow:hidden}.offline-progress span{background:var(--gold);height:100%;display:block}.legal-original iframe{min-height:950px}.offline-note{border:1px solid var(--border);background:var(--soft);border-radius:13px;margin:20px 0;padding:18px;font-size:14px}.offline-page header{margin-bottom:30px}.offline-page ul{padding:0;list-style:none}.offline-page li{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:14px;margin:12px 0;padding:16px;display:flex}.offline-page li img{border-radius:10px;width:64px;height:64px}.offline-page li>div{flex:1}.offline-page li button{min-height:44px;padding:10px}.offline-page li small{color:var(--muted)}@media (min-width:1550px){.content-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{min-height:410px}.hero-copy{padding:45px}}@media (max-width:1200px){:root{--sidebar:205px}.sidebar{padding-inline:15px}.sidebar nav a{gap:11px;padding-inline:11px;font-size:14px}.brand img{width:158px}.topbar{gap:15px;padding-inline:25px}.desktop-greeting{display:none}.main-content{padding-inline:25px}.hero-copy{width:63%;padding:30px}.hero-copy h2{font-size:34px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}.quiet-banner>.btn{display:none}.detail-hero{grid-template-columns:240px 1fr;gap:25px;padding:24px}.detail-poster{height:320px}.detail-copy h1{font-size:30px}.mini-player{gap:16px;padding:13px 20px}.mini-info{min-width:170px}.mini-extras .quiet-button span{display:none}.mini-extras .quiet-button{min-height:36px;padding:7px 11px}.auth-layout{grid-template-columns:.8fr 1fr}.auth-art{padding:25px}.auth-art h2{font-size:28px}.auth-form{padding:30px}.about-features,.account-grid{grid-template-columns:1fr}.history-row{grid-template-columns:1fr;gap:12px}.history-progress{padding:0 15px 10px}}@media (max-width:800px){:root{--sidebar:0px}.sidebar{z-index:80;width:260px;padding:25px 20px;transition:transform .25s;inset-inline-start:0;transform:translate(110%)}.sidebar.menu-open{transform:translate(0)}html[dir=ltr] .sidebar{transform:translate(-110%)}html[dir=ltr] .sidebar.menu-open{transform:translate(0)}.menu-close{top:18px;display:flex;position:absolute;inset-inline-end:8px}.menu-backdrop{z-index:79;background:#0008;display:block;position:fixed;inset:0}.main-column{margin:0}.topbar{gap:10px;height:77px;padding:0 22px}.mobile-brand{direction:ltr;margin-inline-end:auto;display:block}.mobile-brand img{object-fit:contain;max-width:150px;height:auto}.header-search{display:none}.topbar-actions{gap:6px}.topbar-actions .icon-button{min-width:38px;min-height:38px}.more-mobile{display:flex}.main-content{padding:25px 22px 115px}.main-content.has-player{padding-bottom:190px}.page-intro{flex-wrap:wrap;gap:20px;margin-bottom:24px}.page-intro>div:first-child{display:none}.content-toggle{background:0 0;border:0;justify-content:space-between;width:85%;margin:0 auto;padding:5px}.content-toggle button{background:var(--surface-raised);width:46%;color:var(--muted);border-radius:100px;justify-content:center;padding:12px 20px;font-size:17px}.content-toggle button svg{display:none}.content-toggle button.active{background:var(--gold);color:#111}.hero{min-height:330px}.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{width:68%}.hero-gradient{background:linear-gradient(270deg,#111014f0 20%,#11101490 65%,#11101440)}html[dir=ltr] .hero-gradient{background:linear-gradient(90deg,#111014f0 20%,#11101490 65%,#11101440)}.hero-mode{display:none}.hero-buttons{gap:9px}.hero-buttons .btn{padding:12px 17px;font-size:12px}.category-row{gap:10px;margin:23px 0 28px}.category-row button{padding:8px 20px;font-size:14px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}.quiet-banner{gap:16px;margin-top:35px;padding:23px}.quiet-banner-icon{width:56px;height:56px}.quiet-banner h2{font-size:20px}.quiet-banner p{font-size:12px}.site-footer{text-align:center;flex-direction:column;gap:14px;padding:20px 22px 115px}.site-footer>div{flex-wrap:wrap;justify-content:center}.mobile-nav{bottom:18px;background:var(--gold);color:#17120a;z-index:40;border-radius:100px;justify-content:space-around;align-items:center;min-height:73px;padding:9px 14px 7px;display:flex;position:fixed;inset-inline:22px;box-shadow:0 8px 35px #0002}.mobile-nav>a{min-width:65px;color:var(--purple);flex-direction:column;align-items:center;gap:2px;font-weight:700;display:flex}.mobile-nav>a>span{border-radius:50%;justify-content:center;align-items:center;width:42px;height:35px;display:flex}.mobile-nav>a.active{color:#111}.mobile-nav>a.active>span{background:#11111118}.mobile-nav small{font-size:11px}.mini-player{bottom:101px;border:1px solid var(--border);border-radius:18px;gap:12px;min-height:77px;padding:12px 15px;inset-inline:22px;overflow:hidden;box-shadow:0 5px 25px #0002}.mini-info{flex:1;gap:10px;min-width:0;max-width:none}.mini-info img{border-radius:9px;width:48px;height:48px}.mini-info strong{max-width:200px;font-size:15px}.mini-info small{font-size:11px}.mini-info>svg,.mini-middle{display:none}.mini-extras{margin:0}.mini-extras .quiet-button{display:none}.mini-mobile-play{display:flex;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.mini-mobile-progress{background:var(--gold);bottom:0;pointer-events:none;height:3px;display:block;position:absolute;inset-inline-start:0}.player-overlay{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.full-player{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;padding:15px 28px 45px}.full-player-layout{flex-direction:column;gap:24px;max-width:550px;margin:auto;display:flex}.full-player>header{max-width:550px;margin:0 auto 20px}.player-art{width:100%}.player-art>img{aspect-ratio:1.03;border-radius:19px}.playing-pill{padding:10px;font-size:11px}.player-details{text-align:center;width:100%;padding-top:0}.player-details h1{margin-top:0;font-size:32px}.player-details>.eyebrow{display:none}.player-details>p{font-size:13px}.player-mode-row{margin:20px 0}.full-player .playback-controls{gap:24px;margin:27px 0}.full-player .play-button{width:72px;height:72px}.player-queue{text-align:start}.toast{bottom:194px}.detail-hero{grid-template-columns:210px 1fr;gap:23px;padding:20px}.detail-poster{height:280px}.detail-copy h1{font-size:26px}.detail-copy>p{margin-top:14px;font-size:13px}.detail-meta{flex-wrap:wrap;font-size:11px}.detail-buttons{gap:10px;margin-top:20px}.detail-buttons .btn{padding:10px 15px;font-size:12px}.auth-layout{border:0;grid-template-columns:1fr;max-width:500px;min-height:0}.auth-art{display:none}.auth-form{padding:10px 5px}.auth-form>h1{font-size:32px}.about-hero h1{font-size:37px}.about-hero p{font-size:16px}.about-hero>img{width:170px;margin-bottom:28px}.legacy-about iframe{height:650px}.comment-form-footer{flex-wrap:wrap}.comment-form-footer>.btn{width:100%}.comment-login{text-align:center;flex-direction:column}.account-grid{gap:20px}.settings-panel,.modal-sheet{padding:22px}}@media (max-width:520px){.topbar{padding-inline:18px}.mobile-brand img{width:138px}.theme-button{display:none}.topbar-actions{gap:0}.top-avatar{width:33px;height:33px}.main-content{padding-inline:18px}.hero{border-radius:25px;min-height:330px}.hero-copy{padding:25px 22px 23px;background:linear-gradient(#11101430 0%,#111014e8 65%);width:100%;max-width:100%;padding-top:125px}.hero-image{object-position:50% 25%;width:100%;height:100%}.hero-gradient{background:linear-gradient(#11101400 0%,#111014 90%)!important}.hero-copy .hero-badge,.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}.category-row button{min-height:42px;padding:9px 20px;font-size:13px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 15px}.card-poster{aspect-ratio:1/1.15;border-radius:13px}.card-copy h3{font-size:14px}.card-copy{min-height:78px;padding-inline-end:38px}.card-copy>small{font-size:10px}.card-subtitle{font-size:9px}.card-play{width:33px;min-width:33px;height:33px}.compact-list{grid-template-columns:1fr}.content-section{margin-top:28px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:23px}.section-heading>div>p{display:none}.section-heading>a{font-size:11px}.quiet-banner{align-items:flex-start;gap:12px;padding:20px 18px}.quiet-banner-icon{border-radius:12px;width:45px;height:45px}.quiet-banner-icon svg{width:25px}.quiet-banner h2{font-size:19px}.quiet-banner p{font-size:11px}.mini-player,.mobile-nav{inset-inline:18px}.mini-info strong{max-width:170px}.mini-player .icon-button{min-width:30px}.full-player{padding:12px 23px 38px}.player-art>img{aspect-ratio:1}.player-details h1{font-size:29px}.full-player .playback-controls{gap:18px}.full-player .play-button{width:68px;height:68px}.speed-options{gap:9px}.speed-options button{min-height:41px;padding:8px 14px}.player-actions{gap:18px}.player-actions .icon-button{width:49px;height:49px}.detail-hero{background:0 0;border:0;flex-direction:column;gap:23px;padding:0;display:flex}.detail-poster{aspect-ratio:1.02;object-fit:cover;border-radius:19px;width:100%;height:auto}.detail-copy{padding:0}.detail-copy h1{font-size:31px}.detail-copy>p{font-size:14px;line-height:1.8}.detail-buttons{gap:9px}.detail-buttons .btn{flex:1;padding:12px;font-size:13px}.detail-meta{font-size:12px}.episodes{margin-top:29px}.episode{gap:12px;padding:14px}.episode-label strong{font-size:13px}.episode-label small{font-size:10px}.comment-form{padding:18px}.comment-heading{flex-wrap:wrap;gap:8px}.comments-section>.muted{font-size:13px}.comments-section .section-heading h2{font-size:21px}.notification-row{gap:12px;padding:15px}.notification-row>img{width:60px;height:60px}.notification-row strong{font-size:14px}.download-row{gap:10px;padding:12px}.download-row>img{width:55px;height:55px}.download-row h3{font-size:14px}.download-row small{font-size:10px}.download-row .icon-button{min-width:33px}.about-hero h1{font-size:32px}.about-hero p{font-size:15px}.about-features article{padding:24px}.legacy-about .section-heading{flex-direction:column;align-items:flex-start;gap:4px}.auth-form .back-link{margin-bottom:18px}.setting-row{font-size:13px}.setting-row>small{max-width:145px}.search-large{min-height:60px;padding-inline:15px}.search-large input{font-size:14px}.page-title h1{font-size:30px}.history-progress{gap:9px}.history-progress .btn{padding:9px 15px;font-size:11px}.history-progress small{font-size:10px}.site-footer>div{gap:14px}.modal-sheet{border-radius:19px}.share-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}