@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;--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}*,: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:100%;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden}.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;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 16px 12px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start}.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}.scroll-card-sm{width:115px;flex-shrink:0}.scroll-card-md{width:148px;flex-shrink:0}.scroll-card-lg{width:175px;flex-shrink:0}@media (hover:hover){.cover-card:hover{transform:translateY(-3px) scale(1.02)}}.cover-card{transition:transform .2s ease}.library-card{transition:border-color .2s,transform .2s}@media (hover:hover){.library-card.is-live:hover{border-color:var(--accent,#c9a84c)!important;transform:translateY(-2px)}}.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;display:flex;align-items:center;padding:0 16px;gap:12px}.app-bar-logo{font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,#c9a84c,#8b7355);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;text-decoration:none}.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}}.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 .15s}a:active,button:active{opacity:.7}.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 24px 16px;gap:16px}.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 28px 18px;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;scroll-snap-type:x mandatory;align-items:start}.scroll-card-lg,.scroll-card-md,.scroll-card-sm{width:clamp(148px,11.5vw,205px)}.scroll-row-wrapper{position:relative;display:block}.scroll-arrow{display:flex;position:absolute;top:0;bottom:20px;width:56px;align-items:center;justify-content:center;border:none;font-size:38px;font-weight:300;line-height:1;cursor:pointer;z-index:20;color:#e8e0d0;min-height:unset;padding:0;transition:color .15s,opacity .2s}.scroll-arrow:hover{color:#c9a84c}.scroll-arrow-left{left:0;background:linear-gradient(270deg,transparent,hsla(0,0%,4%,.97) 65%)}.scroll-arrow-right{right:0;background:linear-gradient(90deg,transparent,hsla(0,0%,4%,.97) 65%)}.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:#363636}.app-bar-search input::placeholder{color:#363636}.app-bar-search input[type=search]::-webkit-search-cancel-button{display:none}.mini-player-desktop{bottom:0!important}.series-layout{display:grid;grid-template-columns:360px 1fr;min-height:calc(100dvh - var(--top-bar-h));align-items:start}.series-cover-col{position:sticky;top:var(--top-bar-h);height:calc(100dvh - var(--top-bar-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 40px 20px;gap:16px}.section-header{padding:22px 40px 10px}.app-bar{padding:0 40px}.scroll-card-lg,.scroll-card-md,.scroll-card-sm{width:clamp(160px,12vw,215px)}.series-layout{grid-template-columns:420px 1fr}.series-content-desktop-pad{padding:36px 56px}}.app-bar-nav{display:none;align-items:center;gap:28px;flex:1;margin-left:28px}.app-bar-nav a{color:#6b5a3a;text-decoration:none;font-size:14px;font-weight:500;transition:color .15s}.app-bar-nav a.active,.app-bar-nav a:hover{color:#c9a84c}@media (min-width:1024px){.app-bar-nav{display:flex}}