:root{color:#fff;background:#02040d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-edge: clamp(1rem, 4vw, 4.5rem);--text: #ffffff;--text-soft: rgba(238, 246, 255, .86);--text-dim: rgba(207, 218, 232, .68);--muted: rgba(207, 218, 232, .74);--hairline: rgba(96, 214, 255, .18);--hairline-strong: rgba(34, 211, 238, .36);--panel: rgba(4, 8, 22, .84);--surface: #050916;--surface-deep: #02040d;--surface-muted: #071023;--surface-soft: rgba(8, 15, 34, .88);--control-bg: rgba(8, 18, 38, .72);--accent: #22d3ee;--accent-violet: #8b5cf6;--accent-magenta: #f43f9d;--accent-gradient: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 52%, #f43f9d 100%);--accent-glow: 0 0 34px rgba(34, 211, 238, .22);--danger: #ff8bd4;--danger-border: rgba(244, 63, 157, .38);--danger-bg: rgba(91, 18, 64, .36);--focus-ring: 0 0 0 3px rgba(34, 211, 238, .18)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 72% 0%,rgba(139,92,246,.13),transparent 28rem),radial-gradient(circle at 8% 12%,rgba(34,211,238,.1),transparent 24rem),#02040d}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:4rem}.top-nav{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2rem);padding:1rem var(--page-edge);background:linear-gradient(180deg,#02040deb,#02040d00)}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);font-weight:800;letter-spacing:0}.brand-lockup{border:0;background:transparent;cursor:pointer;padding:0;font-size:clamp(1.05rem,2vw,1.45rem)}.brand-logo{display:block;height:auto;object-fit:contain}.brand-logo-emblem{width:auto;height:2.15rem}.brand-logo-full{max-width:min(100%,38rem)}.splash-screen{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 38%,rgba(34,211,238,.16),transparent 24rem),radial-gradient(circle at 58% 44%,rgba(244,63,157,.1),transparent 26rem),#02040d;opacity:1;transition:opacity .45s ease,visibility .45s ease}.splash-screen.is-leaving{opacity:0;visibility:hidden}.splash-logo{width:min(82vw,44rem);filter:drop-shadow(0 24px 52px rgba(0,0,0,.7))}.nav-links,.nav-actions,.hero-actions{display:flex;align-items:center;gap:.45rem}.nav-links{min-width:0;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar,.row-scroller::-webkit-scrollbar{display:none}.nav-links button,.row-heading button,.icon-button,.back-button{border:0;background:transparent;cursor:pointer}.nav-links button{flex:0 0 auto;padding:.65rem .75rem;color:var(--muted);border-bottom:2px solid transparent}.nav-links button:hover,.nav-links button.is-active{color:var(--text);border-bottom-color:var(--accent);text-shadow:0 0 18px rgba(34,211,238,.34)}.icon-button{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:999px;border:1px solid rgba(96,214,255,.12);background:#081226ad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.icon-button:hover{border-color:#22d3ee5c;background:#22d3ee24;box-shadow:var(--accent-glow)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;align-items:start;justify-items:center;padding:clamp(5rem,10vh,7rem) var(--page-edge) var(--page-edge);background:#01030cc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-panel{width:min(56rem,100%);max-height:min(44rem,82vh);overflow:hidden;border:1px solid var(--hairline);border-radius:8px;background:#040816f5;box-shadow:0 2rem 5rem #000000b8,0 0 42px #22d3ee1a}.search-input-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;border-bottom:1px solid var(--hairline);padding:1rem clamp(1rem,3vw,1.35rem);color:var(--accent)}.search-input-shell input{width:100%;min-height:3rem;border:0;color:var(--text);background:transparent;outline:none;font-size:clamp(1.25rem,3vw,2rem);font-weight:800}.search-input-shell input::placeholder{color:var(--text-dim)}.search-close{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;color:var(--text);background:#22d3ee1a;cursor:pointer}.search-close:hover{background:#22d3ee2e}.search-results{display:grid;gap:1.35rem;max-height:calc(min(44rem,82vh) - 5.25rem);overflow-y:auto;padding:clamp(1rem,3vw,1.35rem)}.search-status,.search-error{margin:0;color:var(--text-dim)}.search-error{color:var(--danger)}.search-group{display:grid;gap:.7rem}.search-group h2{margin:0;color:var(--text);font-size:1rem}.search-result-list{display:grid;gap:.45rem}.search-result{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.85rem;width:100%;border:1px solid transparent;border-radius:7px;padding:.55rem;color:inherit;text-align:left;background:transparent;cursor:pointer}.search-result:hover,.search-result.is-active{border-color:#22d3ee52;background:linear-gradient(90deg,#22d3ee21,#8b5cf614)}.search-art{display:grid;place-items:center;aspect-ratio:2 / 3;overflow:hidden;border-radius:5px;color:var(--text-dim);background:var(--surface-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.search-art-square{aspect-ratio:1}.search-art img{width:100%;height:100%;object-fit:cover}.search-result-copy{display:grid;gap:.22rem;min-width:0}.search-result-copy strong{overflow:hidden;color:var(--text);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.search-result-copy span{color:var(--text-dim);font-size:.86rem}.hero{min-height:clamp(31rem,70vh,46rem);position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:7.25rem var(--page-edge) clamp(4.25rem,8vw,6.5rem)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.01);filter:saturate(.95) brightness(.8)}.hero:before,.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero:before{z-index:-1;background:linear-gradient(90deg,#02040df5,#02040dad,#02040d33 76%),linear-gradient(0deg,#02040d,#02040d3d 48%,#02040d24)}.hero:after{z-index:-1;background:linear-gradient(180deg,#02040d00 70%,#02040d)}.hero-content{max-width:44rem}.kicker{margin:0 0 .9rem;color:var(--muted);font-size:clamp(.78rem,1.4vw,.92rem);font-weight:800;text-transform:uppercase}.hero h1{margin:0;max-width:14ch;color:var(--text);font-size:clamp(2.45rem,5.6vw,5.65rem);line-height:.95;letter-spacing:0}.hero p:not(.kicker){max-width:38rem;margin:1rem 0 0;color:var(--text-soft);font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.55}.hero-facts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.hero-facts span{border:1px solid rgba(34,211,238,.24);border-radius:999px;padding:.25rem .6rem;color:#e2efffd1;font-size:.82rem}.hero-actions{margin-top:1.6rem}.primary-button,.secondary-button{min-height:3rem;border:0;border-radius:4px;padding:0 1.45rem;cursor:pointer;font-weight:800}.primary-button{background:var(--accent-gradient);color:#02040d;box-shadow:0 0 28px #22d3ee38}.primary-button:hover{filter:brightness(1.12)}.secondary-button{border:1px solid rgba(139,92,246,.28);background:#8b5cf626;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.secondary-button:hover{border-color:#f43f9d61;background:#f43f9d2e}.details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--page-edge);background:#01030cc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.details-modal{position:relative;width:min(58rem,100%);max-height:min(46rem,88vh);overflow:hidden auto;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);box-shadow:0 2rem 5rem #000000b8,0 0 42px #8b5cf61a}.details-backdrop{min-height:clamp(14rem,36vw,24rem);background-size:cover;background-position:center;filter:saturate(.95) brightness(.8)}.details-modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,9,22,0) 20%,var(--surface) 58%),linear-gradient(90deg,#050916e0,#05091633 72%)}.details-close{position:absolute;top:1rem;right:1rem;z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:0;border-radius:999px;color:var(--text);background:#02040db3;cursor:pointer}.details-content{position:relative;z-index:1;max-width:42rem;margin-top:clamp(-8rem,-10vw,-5rem);padding:0 clamp(1.25rem,4vw,3rem) clamp(1.4rem,4vw,3rem)}.details-content h2{margin:0;color:var(--text);font-size:clamp(2rem,4.2vw,4.2rem);line-height:1}.details-content p:not(.kicker){max-width:38rem;color:var(--text-soft);font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.details-content .primary-button{margin-top:.7rem}.details-back-button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;margin-bottom:1rem;border:0;padding:0;color:var(--text-soft);background:transparent;cursor:pointer;font-weight:800}.details-back-button:hover{color:var(--text)}.movie-details-content{max-width:50rem}.movie-details-layout,.series-details-header{display:grid;grid-template-columns:minmax(9rem,13rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}.movie-details-layout>div:last-child,.series-details-header>div:last-child{min-width:0}.movie-details-poster,.series-details-poster{display:grid;place-items:center;aspect-ratio:2 / 3;overflow:hidden;border-radius:7px;color:var(--text-dim);background:var(--surface-muted);box-shadow:0 1.2rem 3rem #00000085;font-weight:800;text-transform:uppercase}.movie-details-poster img,.series-details-poster img,.episode-thumbnail img{width:100%;height:100%;object-fit:cover}.details-progress{margin:.9rem 0 0;color:var(--text);font-weight:800}.details-actions,.episode-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.details-actions{margin-top:1rem}.series-modal{width:min(68rem,100%)}.series-content{max-width:none}.series-browser{display:grid;gap:1rem;margin-top:1.4rem}.season-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.season-tabs::-webkit-scrollbar{display:none}.season-tabs button{flex:0 0 auto;border:1px solid rgba(96,214,255,.16);border-radius:999px;padding:.55rem .85rem;color:var(--muted);background:#081226b8;cursor:pointer}.season-tabs button:hover,.season-tabs button.is-active{color:#02040d;background:var(--accent-gradient)}.episode-list{display:grid;gap:.65rem;max-height:22rem;overflow-y:auto;padding-right:.35rem}.episode-item{display:grid;gap:.28rem;border:1px solid rgba(96,214,255,.12);border-radius:6px;padding:.85rem 1rem;color:var(--muted);text-align:left;background:#0812269e;cursor:pointer}.episode-item:hover{border-color:#22d3ee52;background:#22d3ee1a}.episode-details-item{grid-template-columns:minmax(6.5rem,8.5rem) minmax(0,1fr) auto;align-items:start;cursor:default}.episode-details-item.is-target{border-color:#22d3ee6b;background:linear-gradient(90deg,#22d3ee24,#8b5cf61a)}.episode-thumbnail{display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border-radius:5px;color:var(--text-dim);background:var(--surface-muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.episode-copy{display:grid;gap:.3rem;min-width:0;overflow-wrap:anywhere}.episode-watched{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;color:#02040d;background:var(--accent)}.episode-actions{grid-column:2 / -1;align-self:end}.episode-actions .primary-button,.episode-actions .secondary-button{min-height:2.5rem;padding:0 1rem}.episode-title{color:var(--text);font-weight:800;overflow-wrap:anywhere}.episode-meta,.series-status,.series-error{color:var(--text-dim);font-size:.9rem}.series-error{margin:0;color:var(--danger)}.audiobook-modal{width:min(64rem,100%);padding:clamp(1.1rem,3vw,2rem)}.audiobook-modal:after{display:none}.audiobook-details-grid,.music-details-grid{display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:clamp(1.25rem,4vw,2.5rem);align-items:start}.audiobook-cover,.audio-cover,.music-cover{width:100%;aspect-ratio:2 / 3;border-radius:7px;object-fit:cover;background:var(--surface-muted);box-shadow:0 1.4rem 3.5rem #0000008c}.music-cover,.audio-cover-square{aspect-ratio:1}.audiobook-details-copy h2,.audio-player-copy h2{margin:0;color:var(--text);font-size:clamp(2rem,4vw,3.8rem);line-height:1}.audiobook-details-copy p:not(.kicker),.audio-player-copy p{color:var(--text-soft);line-height:1.6}.audiobook-track-section{display:grid;gap:.75rem;margin-top:1.5rem}.audiobook-track-section h3{margin:0;color:var(--text)}.episode-item:disabled{cursor:not-allowed;opacity:.62}.audio-modal{position:relative;display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);width:min(46rem,100%);border:1px solid var(--hairline);border-radius:8px;padding:clamp(1.1rem,4vw,2rem);background:var(--surface);box-shadow:0 2rem 5rem #000000b8,0 0 42px #22d3ee14}.audio-player-copy{align-self:end}.audio-player-copy span{color:var(--text-dim)}.audio-player{grid-column:1 / -1;width:100%}.audio-player-stack{grid-column:1 / -1;display:grid;gap:.75rem}.audio-queue-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text-dim);font-size:.9rem}.audio-queue-controls button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--hairline);border-radius:999px;padding:.5rem .75rem;color:var(--text);background:var(--control-bg);cursor:pointer}.audio-queue-controls button:disabled{cursor:not-allowed;opacity:.45}.playback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--page-edge);background:#02040d}.playback-modal{position:relative;width:min(100%,82rem);max-height:min(100%,88vh);overflow:visible;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-deep);box-shadow:0 2rem 5.5rem #000000c7}.playback-controls-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,13,.68),transparent 26%),linear-gradient(0deg,rgba(2,4,13,.82),transparent 42%)}.playback-top-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.playback-bottom-controls{display:grid;gap:.55rem;padding:0 1rem 1rem}.playback-close,.next-episode-button,.playback-control-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;border:0;border-radius:999px;padding:0 .95rem;color:var(--text);background:#02040db8;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.next-episode-button{border:1px solid var(--hairline);background:#081226c7}.next-episode-button:hover,.next-episode-button:focus-visible{border-color:var(--hairline-strong);background:#22d3ee24}.next-episode-button:disabled{cursor:not-allowed;opacity:.48}.episode-playback-title{max-width:min(52rem,100%);margin:0;overflow:hidden;color:var(--text);font-size:clamp(.95rem,2vw,1.18rem);font-weight:800;line-height:1.25;text-overflow:ellipsis;text-shadow:0 2px 14px rgba(0,0,0,.82);white-space:nowrap}.custom-playback-controls{display:grid;grid-template-columns:auto auto minmax(5rem,1fr) auto minmax(6rem,10rem) auto;align-items:center;gap:.75rem;min-width:0;border:1px solid rgba(96,214,255,.14);border-radius:999px;padding:.55rem .7rem;background:#02040dc7;box-shadow:0 1rem 2.4rem #0000005c;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.playback-control-button{min-width:2.45rem;padding:0}.playback-time{color:var(--text-soft);font-size:.84rem;font-variant-numeric:tabular-nums;white-space:nowrap}.playback-seek,.playback-volume input{width:100%;accent-color:var(--accent);cursor:pointer}.playback-volume{display:flex;align-items:center;gap:.45rem;min-width:0;color:var(--text-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.playback-stage{position:relative;display:flex;align-items:center;justify-content:center;max-height:min(78vh,calc(100vh - 7rem));background:#000}.playback-video,.playback-empty{width:100%}.playback-video{display:block;max-height:min(78vh,calc(100vh - 7rem));object-fit:contain;background:#000}.playback-empty{display:grid;place-items:center;min-height:clamp(18rem,56vw,46rem);color:var(--muted)}.playback-error{position:absolute;left:50%;bottom:1rem;max-width:min(34rem,calc(100% - 2rem));margin:0;border:1px solid var(--danger-border);border-radius:6px;padding:.8rem 1rem;color:var(--text);background:var(--danger-bg);transform:translate(-50%)}.content-rows{margin-top:-2.25rem;position:relative;z-index:5;display:grid;gap:1.65rem}.library-page{display:grid;gap:2rem;padding:clamp(6.75rem,10vw,8.5rem) 0 3rem}.library-header{display:grid;gap:.35rem;padding:0 var(--page-edge)}.library-header h1{margin:0;color:var(--text);font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95}.library-header span{color:var(--muted);font-size:.95rem;font-weight:700}.library-controls{display:grid;grid-template-columns:repeat(3,minmax(10rem,1fr)) auto;align-items:end;gap:.85rem;padding:0 var(--page-edge)}.library-controls label{display:grid;gap:.35rem;min-width:0}.library-controls label span{color:var(--text-dim);font-size:.76rem;font-weight:800;text-transform:uppercase}.library-controls select,.library-controls button,.library-empty-filters button{min-height:2.65rem;border:1px solid var(--hairline);border-radius:6px;color:var(--text);background:#081226c7}.library-controls select{width:100%;padding:0 2.25rem 0 .8rem}.library-controls button,.library-empty-filters button{padding:0 1rem;font-weight:800;cursor:pointer}.library-controls button:hover,.library-controls button:focus-visible,.library-empty-filters button:hover,.library-empty-filters button:focus-visible{border-color:var(--hairline-strong);background:#22d3ee1f}.library-empty-filters{display:grid;justify-items:start;gap:.85rem}.library-empty-filters p{margin:0}.library-rows{display:grid;gap:1.65rem}.library-message{margin:0 var(--page-edge);max-width:42rem;color:var(--muted);font-size:1rem}.library-message-error{border:1px solid var(--danger-border);border-radius:6px;padding:.9rem 1rem;color:var(--danger);background:var(--danger-bg)}.media-row{min-width:0}.row-heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-edge) .75rem}.row-heading h2{margin:0;color:var(--text);font-size:clamp(1.08rem,2vw,1.45rem)}.row-carousel{position:relative;outline:none}.row-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:.25rem}.carousel-arrow{position:absolute;top:39%;z-index:6;display:grid;place-items:center;width:2.75rem;height:4.75rem;border:0;border-radius:999px;color:var(--text);background:#081226b8;box-shadow:0 1rem 2.5rem #0000006b;cursor:pointer;transform:translateY(-50%);transition:background .16s ease,color .16s ease,transform .16s ease}.carousel-arrow:hover,.carousel-arrow:focus-visible{color:var(--text);background:#22d3ee29}.carousel-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:.2rem}.carousel-arrow-left{left:max(.5rem,calc(var(--page-edge) - 3.25rem))}.carousel-arrow-right{right:max(.5rem,calc(var(--page-edge) - 3.25rem))}.row-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(9.25rem,14vw,12.5rem);gap:clamp(.75rem,1.5vw,1rem);overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline proximity;padding:0 var(--page-edge) .5rem;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.row-error{margin:0 var(--page-edge);border:1px solid var(--danger-border);border-radius:6px;padding:.9rem 1rem;color:var(--danger);background:var(--danger-bg)}.media-card{scroll-snap-align:start;min-width:0}button.media-card{border:0;padding:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.poster-art{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:7px;background:#071023;box-shadow:0 18px 42px #00000073;transition:transform .18s ease,box-shadow .18s ease}.poster-art img{display:block;width:100%;height:100%;object-fit:cover}.media-card-square .poster-art{aspect-ratio:1}.media-card-feature{max-width:18rem}.poster-art:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}.poster-missing{display:grid;place-items:center;width:100%;height:100%;color:var(--text-dim);font-weight:800}.poster-label{position:absolute;z-index:1;left:.8rem;bottom:.75rem;color:var(--text);font-size:.78rem;font-weight:800;text-transform:uppercase}.media-card:hover .poster-art{transform:scale(1.035);box-shadow:0 24px 50px #00000094,0 0 26px #22d3ee1f}.media-meta{display:grid;gap:.16rem;min-height:3.3rem;padding-top:.7rem}.media-meta strong{color:var(--text);font-size:.92rem;line-height:1.25}.media-meta span{color:var(--muted);font-size:.82rem}.watch-progress{height:3px;overflow:hidden;border-radius:999px;background:#cfdae82e}.watch-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent-gradient)}.signin-shell{min-height:100vh;display:grid;place-items:center;padding:5rem var(--page-edge);background:radial-gradient(circle at 78% 18%,rgba(139,92,246,.18),transparent 28rem),radial-gradient(circle at 20% 32%,rgba(34,211,238,.12),transparent 26rem),linear-gradient(90deg,#02040df7,#02040d94),url(/assets/mock/backdrop-02.svg) center / cover}.back-button{position:fixed;top:1.4rem;left:var(--page-edge);display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 0;color:var(--text-soft)}.signin-panel{width:min(100%,30rem);padding:clamp(1.5rem,5vw,2.25rem);border:1px solid var(--hairline);border-radius:8px;background:var(--panel);box-shadow:0 32px 80px #0000008c,0 0 42px #22d3ee1a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.signin-logo{width:min(100%,25rem);margin:0 auto 1.8rem;filter:drop-shadow(0 18px 38px rgba(0,0,0,.58))}.signin-panel h1{margin:0 0 1.5rem;font-size:clamp(2rem,7vw,3rem);line-height:1;letter-spacing:0}.private-service-message{max-width:22rem;margin:0 auto 1.45rem;color:var(--muted);font-size:.98rem;line-height:1.45;text-align:center}.signin-form{display:grid;gap:1rem}.signin-form label{display:grid;gap:.45rem;color:var(--muted);font-size:.9rem}.signin-form input{width:100%;min-height:3rem;border:1px solid rgba(96,214,255,.18);border-radius:4px;padding:0 .9rem;color:var(--text);background:#02040d8a;outline:none}.signin-form input:focus{border-color:#22d3eeb8;box-shadow:0 0 0 3px #22d3ee1f}.signin-error{margin:0;border:1px solid var(--danger-border);border-radius:4px;padding:.75rem .85rem;color:var(--danger);background:var(--danger-bg);font-size:.9rem;line-height:1.4}.signin-form .primary-button{margin-top:.3rem;width:100%}.signin-form .primary-button:disabled{cursor:wait;opacity:.72}.account-panel .primary-button{width:100%;margin-top:1.35rem}.account-details{display:grid;gap:1rem;margin:0}.account-details div{display:grid;gap:.35rem;border-bottom:1px solid var(--hairline);padding-bottom:.85rem}.account-details dt{color:var(--text-dim);font-size:.82rem}.account-details dd{margin:0;color:var(--text);font-size:1rem;overflow-wrap:anywhere}@media(max-width:760px){.top-nav{grid-template-columns:1fr auto}.nav-links{grid-column:1 / -1;order:3;margin:0 calc(var(--page-edge) * -1);padding:0 var(--page-edge)}.hero{min-height:35rem;padding-top:8rem;align-items:flex-end}.hero h1{max-width:12ch}.hero p:not(.kicker){font-size:.98rem}.row-scroller{grid-auto-columns:clamp(8.2rem,36vw,10.6rem)}.library-controls{grid-template-columns:1fr}.playback-overlay{padding:0}.playback-modal{width:100%;max-height:100vh;border-radius:0}.playback-close,.next-episode-button{min-height:2.35rem;padding:0 .75rem}.playback-top-controls,.playback-bottom-controls{padding-inline:.75rem}.custom-playback-controls{grid-template-columns:auto minmax(4rem,1fr) auto;border-radius:8px}.custom-playback-controls .playback-time,.playback-volume{display:none}.next-episode-button span{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playback-stage,.playback-video{max-height:100vh}.audiobook-details-grid,.music-details-grid,.audio-modal,.movie-details-layout,.series-details-header,.episode-details-item{grid-template-columns:1fr}.audiobook-cover,.music-cover,.audio-cover,.movie-details-poster,.series-details-poster{max-width:13rem}.episode-actions{grid-column:auto}}@media(min-width:1200px){.top-nav,.hero,.row-heading,.row-scroller{--page-edge: clamp(4rem, 5vw, 6.5rem)}}
