@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg:#0a0a0a;--bg-card:#111;--bg-elevated:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#3a3a3a;--gold:#c9a84c;--gold-light:#d4af6a;--gold-muted:#8b7355;--gold-dim:#6b5a3a;--cream:#f5f0e8;--cream-dim:#b8a898;--red:#e63946;--blue:#3498db;--green:#2ecc71;--text-primary:#f5f0e8;--text-secondary:#a09880;--text-muted:#6b6b6b;--text-dim:#4d4d4d;--text-ghost:#363636;--text-placeholder:#545454;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-h:60px;--mini-player-h:68px;--top-bar-h:56px;--sidebar-w:220px;--sidebar-w-icon:64px;--top-search-h:52px;--dur-fast:0.15s;--dur-base:0.25s;--dur-slow:0.4s;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,html{background-color:var(--bg);color:var(--cream)}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}.app-shell,body{min-height:100dvh}.app-shell{width:auto;margin:0;background:var(--bg);position:relative;overflow-x:clip}.fixed-centred{left:0!important;transform:none!important;width:100%!important;max-width:100%!important}main{padding-bottom:calc(var(--bottom-nav-h) + var(--mini-player-h) + var(--safe-bottom))}.scroll-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 0 12px 16px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start}.scroll-row:after{content:"";display:block;flex-shrink:0;width:16px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 8px}.section-title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:var(--cream);letter-spacing:-.01em}.section-see-all{font-size:13px;color:var(--gold);text-decoration:none;font-weight:500;opacity:.85}.section-see-all:hover{opacity:1}.section-nav-btns{display:flex;gap:6px;align-items:center}.section-nav-btn{width:28px;height:28px;border-radius:50%;background:#181818;border:1px solid #2a2a2a;color:#c9a84c;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-nav-btn:hover{background:#242424}.scroll-card-sm{width:115px;flex-shrink:0}.scroll-card-md{width:148px;flex-shrink:0}.scroll-card-lg{width:175px;flex-shrink:0}.cover-card{transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}@media (hover:hover){.cover-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.6),0 4px 8px rgba(0,0,0,.4)}}.library-card{transition:border-color var(--dur-base),transform var(--dur-base) var(--ease-out)}@media (hover:hover){.library-card.is-live:hover{border-color:var(--accent,#c9a84c)!important;transform:translateY(-2px)}}.episode-row{transition:background var(--dur-fast),transform var(--dur-fast)}@media (hover:hover){.episode-row:hover{background:#141414}}.btn-gold{transition:filter var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}@media (hover:hover){.btn-gold:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.35)}}.btn-gold:active{transform:scale(.97) translateY(0);filter:brightness(.95)}.chip{transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}@media (hover:hover){.chip:hover{transform:translateY(-1px)}}.app-bar{position:sticky;top:0;top:env(safe-area-inset-top,0);z-index:90;height:var(--top-bar-h);background:hsla(0,0%,4%,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #1a1a1a;padding:0 16px;gap:12px}.app-bar,.app-bar-logo{display:flex;align-items:center}.app-bar-logo{flex:1;text-decoration:none;flex-shrink:0}.app-bar-logo img{height:28px;width:auto;display:block}.app-bar-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;flex-shrink:0;transition:background .15s}.app-bar-icon:hover{background:var(--bg-elevated)}.hero-banner{margin:0 16px;border-radius:16px;overflow:hidden;position:relative;aspect-ratio:16/9;max-height:220px;background:linear-gradient(135deg,#c9a84c22,#0a0a0a);border:1px solid #c9a84c33}.hero-banner-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]::-webkit-slider-track{background:var(--bg-tertiary);height:4px;border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gold);width:14px;height:14px;border-radius:50%;margin-top:-5px;-webkit-transition:background .2s;transition:background .2s}input[type=range]::-webkit-slider-thumb:hover{background:var(--gold-light)}input[type=range]::-moz-range-track{background:var(--bg-tertiary);height:4px;border-radius:2px}input[type=range]::-moz-range-thumb{background:var(--gold);width:14px;height:14px;border-radius:50%;border:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes goldGlow{0%,to{box-shadow:0 0 0 0 #c9a84c00}50%{box-shadow:0 0 18px 4px #c9a84c33}}@keyframes floatUp{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade{animation:fadeIn var(--dur-slow) var(--ease-out) both}.animate-up{animation:slideUp var(--dur-slow) var(--ease-out) both}.animate-down{animation:slideDown var(--dur-base) var(--ease-out) both}.animate-scale{animation:scaleIn var(--dur-base) var(--ease-out) both}.animate-pop{animation:popIn var(--dur-slow) var(--ease-spring) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin .7s linear infinite}.stagger>*{opacity:0;animation:slideUp var(--dur-slow) var(--ease-out) both}.stagger>:first-child{animation-delay:.04s}.stagger>:nth-child(2){animation-delay:.08s}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.stagger>:nth-child(9){animation-delay:.36s}.stagger>:nth-child(10){animation-delay:.4s}.delay-1{animation-delay:.05s!important}.delay-2{animation-delay:.1s!important}.delay-3{animation-delay:.15s!important}.delay-4{animation-delay:.2s!important}.delay-5{animation-delay:.25s!important}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-muted)}button{min-height:44px}a,button{transition:opacity var(--dur-fast),transform var(--dur-fast)}a:active,button:active{opacity:.72;transform:scale(.97)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stagger>*{opacity:1!important}}.mobile-only{display:block}.app-bar-search,.desktop-only,.scroll-arrow,.tablet-up{display:none}.scroll-row-wrapper{display:block}@media (min-width:768px){.tablet-up{display:flex}}@media (min-width:1024px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media (min-width:768px){.section-header{padding:24px 24px 10px}.section-title{font-size:17px}.scroll-row{padding:6px 0 16px 24px;gap:16px}.scroll-row:after{width:24px}.app-bar{padding:0 24px}}@media (min-width:1024px){:root{--top-bar-h:64px;--bottom-nav-h:0px;--mini-player-h:72px}main{padding-bottom:calc(var(--mini-player-h) + var(--safe-bottom))}.section-header{padding:20px 28px 8px}.section-title{font-size:17px}.section-see-all{font-size:14px}.scroll-row{padding:6px 0 18px 28px;gap:14px}.app-bar{padding:0 28px;height:64px;gap:20px}.app-bar-logo{flex:0 0 auto}.scroll-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-card-sm{width:9vw;min-width:110px;flex-shrink:0}.scroll-card-md{width:12vw;min-width:130px;flex-shrink:0}.scroll-card-lg{width:15vw;min-width:150px;flex-shrink:0}.scroll-row-wrapper{position:relative;display:block}.scroll-arrow{display:none!important}.app-bar-search{display:flex;align-items:center;background:#141414;border:1px solid #252525;border-radius:22px;padding:0 14px;gap:8px;flex:0 1 400px;height:36px;transition:border-color .15s,background .15s}.app-bar-search:focus-within{border-color:#c9a84c44;background:#1a1a1a}.app-bar-search input{background:none;border:none;outline:none;color:#f5f0e8;font-size:13px;width:100%;font-family:Inter,sans-serif;min-height:unset}.app-bar-search input::-moz-placeholder{color:var(--text-placeholder)}.app-bar-search input::placeholder{color:var(--text-placeholder)}.app-bar-search input[type=search]::-webkit-search-cancel-button{display:none}.mini-player-desktop{bottom:8px!important;left:16px!important;right:16px!important}.spotlight-section{margin:0!important;border-radius:0!important}.spotlight-hero{aspect-ratio:unset!important;height:clamp(380px,36vw,560px)!important;max-height:unset!important;width:100%!important}.spotlight-hero h2{font-size:32px!important}.spotlight-hero>div:last-child{padding:24px 40px 28px!important}.series-layout{display:grid;grid-template-columns:360px 1fr;min-height:calc(100dvh - var(--top-search-h));align-items:start}.series-cover-col{position:sticky;top:var(--top-search-h);height:calc(100dvh - var(--top-search-h));overflow:hidden}.series-cover-col>div{height:100%!important;padding-top:0!important}.series-cover-col>div>*{position:absolute}.series-content-col{padding:0;overflow-y:auto;min-height:0}.series-content-desktop-pad{padding:28px 40px}.page-content-pad{padding-left:40px;padding-right:40px}}@media (min-width:1280px){.scroll-row{padding:6px 0 20px 40px;gap:16px}.scroll-row:after{width:40px}.section-header{padding:22px 40px 10px}.app-bar{padding:0 40px}.scroll-card-sm{width:8vw;min-width:115px}.scroll-card-md{width:11vw;min-width:140px}.scroll-card-lg{width:14vw;min-width:165px}.series-layout{grid-template-columns:420px 1fr}.series-content-desktop-pad{padding:36px 56px}}.app-bar-nav{display:none}.library-mobile-view{display:block}.library-desktop-view{display:none}@media (min-width:768px){.library-mobile-view{display:none}.library-desktop-view{display:block}}.side-nav,.top-search-bar{display:none}@media (min-width:768px){.side-nav{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;bottom:0;width:80px;background:#080808;border-right:1px solid #181818;z-index:200;padding:20px 0 24px}.app-shell{margin-left:80px}.side-nav-logo{display:flex;align-items:center;justify-content:center;padding-bottom:16px;text-decoration:none;flex-shrink:0}.side-nav-items{flex-direction:column;flex:1;gap:2px;padding:0 6px}.side-nav-item,.side-nav-items{display:flex;align-items:center;justify-content:center;width:100%}.side-nav-item{flex-direction:column;gap:4px;padding:9px 4px 8px;border-radius:12px;text-decoration:none;color:#686868;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.side-nav-item:hover{background:#181818;color:#c9a84c;transform:translateY(-1px)}.side-nav-item:active{transform:scale(.95)}.side-nav-item.active{background:#c9a84c14;color:#c9a84c}.side-nav-icon{display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.side-nav-label{font-size:10px;font-weight:500;letter-spacing:.01em;color:inherit;text-align:center;line-height:1}.side-nav-bottom{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:0 6px}.side-nav-signin{color:#555}.side-nav-signin:hover{color:#c9a84c;background:#181818}.top-search-bar{display:flex;align-items:center;justify-content:center;height:var(--top-search-h);padding:0 20px;border-bottom:1px solid #141414;background:hsla(0,0%,4%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:90}.top-search-form{display:flex;align-items:center;gap:8px;background:#141414;border:1px solid #252525;border-radius:22px;padding:0 14px;height:36px;width:100%;max-width:400px;transition:border-color .15s,background .15s}.top-search-form:focus-within{border-color:#c9a84c44;background:#1a1a1a}.top-search-input{background:none;border:none;outline:none;color:#f5f0e8;font-size:13px;width:100%;font-family:Inter,sans-serif;min-height:unset}.top-search-input::-moz-placeholder{color:var(--text-placeholder)}.top-search-input::placeholder{color:var(--text-placeholder)}.top-search-input[type=search]::-webkit-search-cancel-button{display:none}.app-bar-logo,.app-bar-search{display:none}}main{animation:fadeIn var(--dur-slow) var(--ease-out) both}.section-header{animation:slideDown var(--dur-base) var(--ease-out) both}.hero-banner{animation:scaleIn var(--dur-slow) var(--ease-out) both}.dot-active{animation:popIn .3s var(--ease-spring) both}.has-notif:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#e63946;animation:pulse 2s ease-in-out infinite}:focus-visible{outline:2px solid #c9a84c66;outline-offset:3px;border-radius:4px}html{scroll-behavior:smooth}[role=button],label[for]{cursor:pointer}.bottom-nav a{-webkit-tap-highlight-color:transparent}.bottom-nav a:active{opacity:.65;transform:scale(.92)}.scroll-row-wrapper{position:relative}.scroll-row-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;z-index:1}.text-muted{color:var(--text-muted)!important}.text-dim{color:var(--text-dim)!important}.text-secondary{color:var(--text-secondary)!important}.text-ghost{color:var(--text-ghost)!important}.interactive{transition:background var(--dur-fast),transform var(--dur-fast) var(--ease-out);cursor:pointer}@media (hover:hover){.interactive:hover{background:hsla(0,0%,100%,.03);transform:translateY(-1px)}}.interactive:active{transform:scale(.99)}