@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Inter:wght@100..900&family=Montserrat:wght@100..900&family=Raleway:wght@100..900&family=Sacramento&family=Poiret+One&family=Geologica:wght@100..900&display=swap";*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}:root{--bg-primary: #000000;--bg-secondary: #12121a;--bg-card: #1a1a28;--bg-elevated: #222236;--bg-glass: rgba(26, 26, 40, .85);--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f1f1f5;--text-secondary: #a0a0b8;--text-muted: #6c6c82;--accent: #ffffff;--accent-glow: rgba(255, 255, 255, .15);--accent-light: #ffffff;--accent-surface: rgba(255, 255, 255, .08);--success: #34d399;--warning: #fbbf24;--danger: #ef4444;--info: #60a5fa;--red-accent: #e50914;--gradient-hero: linear-gradient(to top, var(--bg-primary) 0%, transparent 60%);--gradient-card: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .85) 100%);--gradient-accent: linear-gradient(135deg, #ffffff 0%, #d1d1d1 100%);--font-family: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.375rem;--font-2xl: 1.75rem;--font-3xl: 2.25rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bottom-nav-height: 56px;--header-height: 52px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100%}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden}body.hide-nav{padding-bottom:var(--safe-bottom)}#root{min-height:100dvh;position:relative;z-index:0}#root:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,rgba(var(--theme-color-rgb, 10, 10, 15),.6),#000);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;color:inherit}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:0;height:0}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page{min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height) - var(--safe-top) - var(--safe-bottom));padding-bottom:80px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.page-content{padding:0 var(--space-lg)}.section-title{display:flex;align-items:center;gap:6px;font-size:var(--font-lg);font-weight:600;color:var(--text-primary);padding:16px 16px 12px 4px;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-title-arrow{width:14px;height:14px;color:var(--text-muted);opacity:.8}.spinner{width:32px;height:32px;border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) 0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--text-muted);gap:var(--space-md);margin-top:-20px}.empty-state-icon{font-size:3rem;opacity:.4}.empty-state-text{font-size:var(--font-base)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;letter-spacing:.03em}.badge-rating{background:#ffffff1f;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.badge-year{color:var(--text-secondary)}.badge-quality{background:var(--accent-surface);color:var(--accent-light)}.progress-bar{width:100%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--red-accent);border-radius:2px;transition:width var(--duration-normal) var(--ease-out)}::view-transition-old(*),::view-transition-new(*){animation:none;mix-blend-mode:normal}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes home-push-back{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(.92);opacity:0;filter:blur(4px)}}@keyframes detail-slide-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}::view-transition-old(root){animation:.5s cubic-bezier(.4,0,.2,1) both home-push-back}::view-transition-new(root){animation:.5s cubic-bezier(.16,1,.3,1) both detail-slide-up}.content-card.is-phantom,.hero-banner.is-phantom{opacity:0!important;pointer-events:none}body.modal-open,.app-main-content.modal-open{overflow:hidden!important;touch-action:none}.hero-section{position:relative;width:100%;padding-top:var(--space-sm);margin-bottom:var(--space-lg);background:transparent}.hero-banner{position:relative;width:calc(100% - var(--space-lg) * 2);margin:0 auto var(--space-lg);aspect-ratio:.68;max-height:720px;height:auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 40px #0009;z-index:1;background:var(--bg-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:pan-y}.hero-banner:active{transform:scale(.98)}.hero-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s var(--ease-out)}.hero-banner-image.active{opacity:1}.hero-banner-gradient{display:none}.hero-section.loaded .hero-banner-gradient{opacity:1}.hero-banner-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--space-lg) var(--space-lg);z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(10px);transition:all var(--duration-slow) var(--ease-out)}.hero-section.loaded .hero-banner-content{opacity:1;transform:translateY(0)}.hero-banner-logo{max-width:65%;max-height:52px;margin-bottom:var(--space-sm);filter:drop-shadow(0 4px 12px rgba(0,0,0,.8))}.hero-banner-title{font-size:var(--font-2xl);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-xs);text-shadow:0 4px 16px rgba(0,0,0,.8)}.hero-banner-meta{display:flex;align-items:center;justify-content:center;width:100%;padding:0 var(--space-md);font-size:11px;font-weight:800;color:var(--text-primary);letter-spacing:.15em;text-transform:uppercase;margin-top:var(--space-xl);margin-bottom:var(--space-xs);text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-banner-meta span{display:flex;align-items:center}.hero-banner-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-primary);margin:0 10px;opacity:.6}.hero-banner-plot{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:85%;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-pagination{display:flex;gap:8px;margin-top:var(--space-md);justify-content:center;align-items:center}.hero-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#ffffff4d;transition:all var(--duration-fast) var(--ease-out)}.hero-dot.active{background:var(--text-primary);width:18px}.content-row{margin-bottom:12px}.content-row-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--space-lg);scrollbar-width:none;overflow-y:hidden}.content-row-scroll::-webkit-scrollbar{display:none}.content-card{flex-shrink:0;scroll-snap-align:start;width:138px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out)}.content-card:active{transform:scale(.96)}.content-card-poster{width:100%;aspect-ratio:2 / 3;border-radius:12px;object-fit:cover;background:var(--bg-card);transition:opacity var(--duration-normal) var(--ease-out)}.content-card-overlay{position:absolute;inset:0;border-radius:12px;background:var(--gradient-card);opacity:0;pointer-events:none}.content-card-title{font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);margin-top:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card-ep-info{position:absolute;bottom:10px;right:6px;padding:3px 8px;background:#0a0a0fd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);font-size:10px;font-weight:900;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);z-index:10;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px #0006}.content-card-progress{position:absolute;bottom:0;left:0;right:0;padding:0 4px 4px;z-index:2}.content-card-progress .progress-bar{height:2.5px;border-radius:var(--radius-full)}.content-card.ranked{width:138px}.content-card.ranked .content-card-poster{width:100%;position:relative;z-index:1;box-shadow:0 8px 24px #0006}.rank-ribbon{position:absolute;top:-2px;left:10px;width:34px;height:52px;background:linear-gradient(180deg,red,#c00);z-index:10;display:flex;flex-direction:column;align-items:center;padding-top:5px;box-shadow:0 4px 12px #0009;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);border-radius:2px 2px 0 0}.rank-ribbon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.2) 100%);pointer-events:none}.ribbon-top{font-size:8px;font-weight:900;color:#fff;letter-spacing:.05em;line-height:1;margin-bottom:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ribbon-number{font-size:15px;font-weight:950;color:#fff;line-height:1;font-family:Outfit,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.4)}.content-card.ranked{width:144px;margin-left:0}.content-card.ranked .content-card-poster{width:100%;margin-left:0;box-shadow:0 10px 30px #00000080}.content-card.wide{width:240px}.content-card.wide .content-card-poster{aspect-ratio:16 / 9;border-radius:12px}.content-card.wide:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);border-radius:0 0 12px 12px;pointer-events:none;z-index:1}.content-card-wide-info{position:absolute;bottom:14px;left:10px;z-index:3;max-width:65%;display:flex;flex-direction:column;justify-content:flex-end}.content-card-logo{max-height:28px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.content-card-wide-title{font-size:13px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.9)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);padding:0 var(--space-lg)}.content-grid .content-card{width:auto}@media(max-width:400px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.content-grid{grid-template-columns:repeat(5,1fr)}}.content-card-placeholder,.content-card.no-image{width:100%;height:100%;background:linear-gradient(135deg,#2a2a35,#1a1a25);display:flex;align-items:center;justify-content:center;padding:var(--space-md);text-align:center;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.content-card-placeholder span{color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-page.is-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:#0a0a0f80;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;will-change:clip-path,background-color;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:inset(0 0 0 0);background-color:#0a0a0fe6;transition:clip-path .45s cubic-bezier(.4,0,0,1),background-color .45s ease;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.detail-page.is-modal.is-clipped,.detail-page.is-modal.is-closing{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#0a0a0f1a}.detail-page.is-modal.is-clipped{clip-path:inset(var(--start-top) calc(100vw - var(--start-left) - var(--start-width)) calc(100vh - var(--start-top) - var(--start-height)) var(--start-left));background-color:transparent;pointer-events:none}.detail-page.is-modal.is-clipped .detail-body-content,.detail-page.is-modal.is-clipped .detail-top-bar{opacity:0;visibility:hidden;transition:opacity .1s ease}.detail-page.is-modal .detail-body-content,.detail-page.is-modal .detail-top-bar{transition:opacity .3s ease .1s,visibility 0s 0s;visibility:visible;opacity:1}.detail-header-bg.main-bg{transition:opacity .3s ease;height:var(--backdrop-h, 100%);object-position:center}.detail-header-bg.transition-poster{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;z-index:1}.is-clipped .transition-poster{opacity:1}.is-clipped .main-bg{opacity:0;height:var(--backdrop-h, 100%)}.detail-header-bg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;will-change:width,height,opacity;transition:width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}.is-clipped .detail-header-bg{width:var(--start-width, 100%);height:var(--start-height, 100%);object-position:center}.detail-page{min-height:100dvh;background:transparent}.detail-header-section{position:relative;width:100%;padding:60px 16px 0}.detail-page.is-modal .detail-header-section{padding:0;height:calc(60px + (100vw - 32px)/1.6)}@media(orientation:landscape){.detail-backdrop-card.player-active{transform:none!important;will-change:auto!important;contain:initial!important;clip-path:none!important;overflow:visible!important}.detail-page.player-active{contain:initial!important}}.detail-backdrop-card{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;background:#1a1a1a;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.05)}.detail-page.is-modal .detail-backdrop-card{position:absolute;top:60px;left:16px;width:calc(100vw - 32px);height:var(--target-h, calc((100vw - 32px)/1.6) );aspect-ratio:auto;will-change:transform,clip-path;transform:translateZ(0);transform-origin:top left;clip-path:inset(0 0 var(--extra-bottom, 0) 0 round 12px);border-radius:12px;transition:transform .45s cubic-bezier(.4,0,.2,1),clip-path .45s cubic-bezier(.4,0,.2,1),border-radius .4s ease,box-shadow .4s ease;z-index:5;contain:paint layout}.detail-page.is-modal .detail-backdrop-card.player-active{height:var(--backdrop-h, calc((100vw - 32px)/1.6) )!important;clip-path:none!important;transform:none!important;transition:none!important}.detail-page.is-modal.is-clipped .detail-backdrop-card{transform:translate(var(--tx, 0),var(--ty, 0));clip-path:inset(0 var(--crop-r, 0) var(--crop-b, 0) 0 round 12px);border-radius:12px;box-shadow:none;border:none}.detail-header-bg{width:100%;height:100%;object-fit:cover;opacity:.8}.detail-header-gradient{position:absolute;bottom:var(--extra-bottom, 0);left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}.detail-top-bar{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10}.detail-back-btn{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;border:none;padding:0}.detail-back-btn:active{transform:scale(.92);background:#e0e0e0}.detail-back-btn svg{width:24px;height:24px;stroke:#000;stroke-width:3px}.detail-body-content{padding:0 16px 24px;margin-top:16px;position:relative;z-index:2}.detail-title{font-size:2rem;font-weight:900;color:#fff;margin:0 0 6px;text-shadow:0 4px 15px rgba(0,0,0,.6);line-height:1.1;letter-spacing:-.02em}.detail-title.centered{text-align:center;width:100%}.detail-logo{max-width:240px;height:auto;max-height:100px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));display:block;margin-left:auto;margin-right:auto}.detail-main-info{display:flex;flex-direction:column;align-items:center;text-align:center}.detail-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:.85rem}.detail-available-languages{margin-top:4px;margin-bottom:16px;display:flex;align-items:center;gap:6px;padding:0 4px;flex-wrap:wrap}.lang-label{color:#ffffff80;font-size:.85rem;font-weight:600}.lang-values{color:#fff;font-size:.85rem;font-weight:500}.meta-dot{color:#ffffff4d;font-size:1.2rem;line-height:0;display:flex;align-items:center}.detail-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:8px}.cast-chip{padding:6px 16px;background:#ffffff14;border-radius:999px;white-space:nowrap;border:1px solid rgba(255,255,255,.1);color:#eee;font-size:.85rem;font-weight:500;transition:all .2s ease}.genre-pill{background:#ffffff0f;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#aaa}.meta-text{color:#888;font-weight:700}.imdb-rating-container{display:flex;align-items:center;gap:4px}.imdb-icon{width:32px;height:16px;color:#fff;shape-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;stroke:currentColor;stroke-width:.1px}.imdb-rating-value{color:#fff;font-weight:800;font-size:.85rem}.meta-badge-ongoing{background:#00ffaa26;color:#0fa;border:1px solid rgba(0,255,170,.3);padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:800;letter-spacing:.5px;text-shadow:0 0 10px rgba(0,255,170,.5)}.detail-primary-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:999px;font-size:1.05rem;font-weight:800;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.action-btn:active{transform:scale(.98)}.play-btn{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);color:#fff;position:relative;overflow:hidden;flex-direction:column;padding:12px}.resume-btn{padding-bottom:16px}.play-btn-content{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.resume-ep-label{opacity:.7;margin-left:4px;font-size:.9rem}.btn-progress-container{position:absolute;bottom:0;left:20px;right:20px;height:3px;background:#fff3;border-radius:999px;overflow:hidden;margin-bottom:6px}.btn-progress-bar{height:100%;background:#e50914;border-radius:999px;transition:width .3s ease}.download-btn{background:#2b2b2b;color:#fff}.action-btn svg{width:24px;height:24px;fill:currentColor}.detail-plot-section{margin-bottom:24px}.detail-plot{color:#fff;font-size:.95rem;line-height:1.5;margin:0}.show-more-link{color:#e50914;font-weight:700;cursor:pointer;margin-left:4px}.detail-plot-container{margin-bottom:8px;cursor:pointer}.detail-cast-container{margin-top:16px}.cast-label{display:block;color:#555;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.detail-cast-scroll-wrapper{position:relative;width:100%}.detail-cast-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;padding-right:60px;padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.detail-cast-list::-webkit-scrollbar{display:none}.cast-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.cast-scroll-indicator:active{opacity:.8;transform:translateY(-50%) scale(.9)}.cast-scroll-indicator.right{right:0}.cast-scroll-indicator.left{left:0}.cast-scroll-indicator svg{width:14px;height:14px;opacity:.8;color:#fff}.cast-chip-more{padding:6px 10px;font-size:.8rem;color:#666;font-weight:600;white-space:nowrap;display:flex;align-items:center}.detail-secondary-actions{display:flex;justify-content:space-around;padding:16px 0;margin-bottom:24px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.sec-action{background:transparent;border:none;color:#fff;display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;padding:8px;transition:opacity .2s ease}.sec-action:active{opacity:.6}.sec-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sec-icon svg{width:20px;height:20px}.sec-action span{font-size:.85rem;color:#fff;font-weight:600}.detail-tabs-wrapper{display:flex;justify-content:center;width:100%;margin-bottom:24px}.detail-tabs-container{display:flex;position:relative;background:#ffffff14;padding:4px;border-radius:14px;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-pill-active{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 4px 12px #0003}.detail-tab{flex:1;background:transparent;border:none;color:#888;font-size:.9rem;font-weight:800;padding:12px 0;position:relative;cursor:pointer;transition:color .3s ease;white-space:nowrap;z-index:2;display:flex;justify-content:center;align-items:center}.detail-tab.active{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.tab-title{position:relative;z-index:2}.episodes-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.magnetic-seasons-wrapper{flex:1;min-width:0;position:relative;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);margin:0 -10px}.magnetic-seasons-container{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding:10px 40px;scroll-padding:0 40px}.magnetic-seasons-container::-webkit-scrollbar{display:none}.magnetic-season-item{flex:0 0 90px;scroll-snap-align:center;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.magnetic-season-item.active{transform:scale(1.1)}.magnetic-glass-chip{width:100%;padding:10px 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.active .magnetic-glass-chip{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 32px #0003}.magnetic-label{color:#fff;font-size:.85rem;font-weight:800;opacity:.5;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.active .magnetic-label{opacity:1;transform:scale(1.05)}.season-nav-arrow{width:32px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:all .2s ease;background:transparent}.season-nav-arrow:active{transform:scale(.8);opacity:.5}.season-nav-arrow.left{border-radius:14px 0 0 14px}.season-nav-arrow.right{border-radius:0 14px 14px 0}.seasons-tabs-container::-webkit-scrollbar{display:none}.season-pill-active{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:#fff;border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 4px 12px #0003}.season-tab{flex:0 0 85px;background:transparent;border:none;color:#888;font-size:.85rem;font-weight:800;padding:10px 0;position:relative;cursor:pointer;transition:color .3s ease;white-space:nowrap;z-index:2;display:flex;justify-content:center;align-items:center}.season-tab.active{color:#000}.episodes-list{display:flex;flex-direction:column;gap:16px}.episodes-list-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;cursor:pointer;transition:all .2s ease}.episodes-list-item:active{transform:scale(.98);background:#ffffff0f}.ep-item-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#111}.ep-item-thumb img{width:100%;height:100%;object-fit:cover}.ep-item-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.2)}.ep-item-play-icon svg{width:24px;height:24px;margin-left:2px}.ep-item-details{display:flex;flex-direction:column;gap:4px}.ep-item-title{font-size:1rem;font-weight:800;color:#fff}.ep-item-desc{font-size:.85rem;color:#ffffff80;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ep-item-duration{font-size:.75rem;color:#ff3b30;font-weight:700;margin-top:4px}.more-like-this-row{display:flex;overflow-x:auto;gap:12px;padding:10px 0 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.more-like-this-row::-webkit-scrollbar{display:none}.similar-card{flex:0 0 155px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .2s ease;scroll-snap-align:start}.similar-card:active{transform:scale(.95)}.similar-poster{width:100%;aspect-ratio:2 / 3;background:#1a1a1a;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.05)}.similar-poster img{width:100%;height:100%;object-fit:cover}.similar-rating{position:absolute;top:8px;right:8px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3px 8px;border-radius:8px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.15)}.imdb-icon-small{width:24px;height:12px;color:#fff;shape-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;stroke:currentColor;stroke-width:.1px}.similar-rating span{font-size:.75rem;font-weight:900;color:#fff}.skeleton-card{opacity:.5}.similar-title-skeleton{height:12px;width:80%;border-radius:4px}.episodes-list-item.future-ep{opacity:.6;cursor:default}.episodes-list-item.future-ep .ep-item-thumb img{filter:grayscale(1) blur(1.5px);opacity:.5}.episodes-list-item.future-ep .ep-item-play-icon{background:#14141499;border-color:#ffffff1a;color:#fff;opacity:.8}.episodes-list-item.future-ep .ep-item-play-icon svg{margin-left:0;width:14px;height:14px;stroke-width:2.5}.ep-item-coming-soon{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-top:4px}.coming-soon-label{color:var(--accent-primary);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.coming-soon-date{color:#fff;font-weight:500}.ep-language-pills{display:flex;gap:6px;margin-bottom:6px;align-items:center}.lang-pill{font-size:.65rem;font-weight:900;padding:2px 6px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.lang-pill.active{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);text-shadow:0 0 8px rgba(255,255,255,.4)}.lang-pill.missing{background:#ffffff08;color:#ffffff26;border:1px solid rgba(255,255,255,.05)}.lang-pill.active:nth-child(1){border-color:#00ffaa80;color:#0fa}.lang-pill.active:nth-child(2){border-color:#ffb80080;color:#ffb800}.lang-pill.active:nth-child(3){border-color:#00a3ff80;color:#00a3ff}.search-container{padding:var(--space-sm) var(--space-lg) var(--space-lg)}.search-input-wrapper{position:relative;margin-bottom:var(--space-lg)}.search-input{width:100%;padding:14px 16px 14px 44px;background:#ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#ffffff1a;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.search-clear-btn svg{width:14px;height:14px}.genre-chips{display:flex;gap:var(--space-sm);overflow-x:auto;padding:0 var(--space-lg);margin-bottom:var(--space-lg);scrollbar-width:none}.genre-chips::-webkit-scrollbar{display:none}.genre-chip{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;background:#ffffff0f;color:var(--text-secondary);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.genre-chip.active{background:var(--accent-surface);color:var(--accent-light);border-color:#7c5cff33}.genre-chip:active{transform:scale(.95)}.search-results-title{font-size:var(--font-base);font-weight:600;color:var(--text-secondary);padding:0 var(--space-lg);margin-bottom:var(--space-md)}.empty-state-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--accent-surface);border:1px solid rgba(124,92,255,.2);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);color:var(--accent-light);position:relative;box-shadow:0 0 40px -10px var(--accent-glow)}.empty-state-icon-wrapper:after{content:"";position:absolute;inset:-10px;background:var(--accent);filter:blur(24px);opacity:.15;border-radius:inherit;z-index:-1;animation:bounce-slow 4s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0) scale(1);opacity:.1}50%{transform:translateY(-4px) scale(1.1);opacity:.2}}.empty-state-svg{width:24px;height:24px}.empty-state-text{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-subtext{color:var(--text-muted);font-size:var(--font-base);max-width:260px;line-height:1.5;margin-bottom:var(--space-2xl)}.empty-state-btn{padding:14px 28px;background:#ffffff1a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;font-size:var(--font-base);font-weight:800;border-radius:var(--radius-full);box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.25);transition:all var(--duration-fast) var(--ease-out)}.empty-state-btn:active{transform:scale(.96);box-shadow:0 4px 12px #ffffff1a}.settings-group{margin-bottom:var(--space-2xl);padding:0 var(--space-lg)}.settings-group-title{font-size:var(--font-xs);font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-md);opacity:.8}.settings-group.danger-zone .settings-group-title{color:var(--danger)}.settings-profiles-section{margin-bottom:var(--space-2xl);padding:0 var(--space-lg)}.settings-profile-grid{display:flex;gap:var(--space-lg);overflow-x:auto;padding:var(--space-md) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-profile-grid::-webkit-scrollbar{display:none}.settings-profile-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;position:relative;transition:transform var(--duration-fast) var(--ease-out)}.settings-profile-item:active{transform:scale(.92)}.settings-profile-avatar{width:68px;height:68px;border-radius:18px;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px #0000004d;transition:all var(--duration-fast) var(--ease-out)}.settings-profile-item.active .settings-profile-avatar{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.settings-profile-avatar.add{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.12);color:#fff}.settings-profile-name{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-item.active .settings-profile-name{color:var(--text-primary)}.settings-profile-badge{position:absolute;top:-6px;right:-6px;background:var(--red-accent);color:#fff;font-size:8px;font-weight:800;padding:3px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 8px #0003;border:1px solid rgba(255,255,255,.2)}.settings-card{background:#ffffff0d;backdrop-filter:blur(35px) saturate(1.8);-webkit-backdrop-filter:blur(35px) saturate(1.8);border-radius:28px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 10px 40px #0003}.settings-card.profiles-card{padding:24px;background:#ffffff12}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s var(--ease-out)}.settings-item:last-child{border-bottom:none}.settings-item.clickable:active{background:#ffffff0d;transform:scale(.99)}.settings-item-info{flex:1;margin-right:16px}.settings-item-label{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.settings-item-desc{font-size:13px;color:#ffffff80;line-height:1.4;margin:0}.settings-btn{padding:8px 18px;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:700;background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.settings-btn.loading{opacity:.7;cursor:wait}.settings-btn:active:not(:disabled){transform:scale(.95);background:#ffffff26}.settings-btn.danger{color:var(--danger);background:#ef44441a;border-color:#ef444433}.settings-btn.secondary{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary)}.settings-btn.full{width:100%;justify-content:center;padding:14px;display:flex;align-items:center}.settings-btn.danger:active{background:#ef444433}.settings-chevron{color:var(--text-muted);opacity:.5}.settings-footer{text-align:center;padding:var(--space-2xl) 0 var(--space-3xl);color:var(--text-muted);font-size:var(--font-xs);font-weight:500;letter-spacing:.02em;opacity:.6}.status-toast{position:fixed;top:calc(var(--header-height) + var(--safe-top) + 20px);left:50%;transform:translate(-50%);padding:12px 24px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-sm);font-weight:600;box-shadow:0 10px 30px #00000080;z-index:1000;animation:slideInDown var(--duration-normal) var(--ease-spring)}.status-toast.error{border-color:var(--danger)}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.settings-morph-enter{transform-origin:calc(100% - 30px) 30px;animation:settingsEnter .5s var(--ease-out) forwards;will-change:transform,opacity,border-radius}@keyframes settingsEnter{0%{transform:scale(.1);opacity:0;border-radius:40px;filter:blur(10px)}70%{opacity:1}to{transform:scale(1);opacity:1;border-radius:0;filter:blur(0)}}.settings-morph-exit{transform-origin:calc(100% - 30px) 30px;animation:settingsExit .4s cubic-bezier(.4,0,1,1) forwards;will-change:transform,opacity}@keyframes settingsExit{0%{transform:scale(1);opacity:1;border-radius:0}to{transform:scale(.1);opacity:0;border-radius:40px;filter:blur(10px)}}.coming-soon-container{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl);background:radial-gradient(circle at center,rgba(124,92,255,.1) 0%,transparent 70%);overflow:hidden;position:relative}.coming-soon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--accent);filter:blur(120px);opacity:.15;z-index:0;pointer-events:none;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}}.coming-soon-icon{font-size:64px;margin-bottom:var(--space-xl);filter:drop-shadow(0 0 20px var(--accent-glow));z-index:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.coming-soon-title{font-size:var(--font-3xl);font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:1}.coming-soon-subtitle{font-size:var(--font-base);color:var(--text-muted);max-width:280px;line-height:1.6;z-index:1}.coming-soon-badge{margin-top:var(--space-2xl);padding:6px 16px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.2);border-radius:var(--radius-full);color:var(--accent-light);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:1}.home-filter-bar{display:flex;gap:var(--space-md);padding:12px var(--space-lg);overflow-x:auto;scrollbar-width:none;position:relative;z-index:10;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-filter-bar::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:8px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.5);transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:8px;position:relative;transform:translateZ(0)}.filter-pill.is-hidden{max-width:0;padding-left:0;padding-right:0;opacity:0;pointer-events:none;border-color:transparent;margin-right:calc(var(--space-md) * -1);transform:scale(.6) translateZ(0)}.filter-pill.active{background:#fff;color:#000;border-color:#fff}.pill-close{font-size:18px;font-weight:900;margin-left:6px;opacity:.95;line-height:1;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.pill-chevron{margin-left:-2px;opacity:.8;transition:transform .3s ease}.filter-pill:active{transform:scale(.95)}.genre-menu-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:2000;display:flex;flex-direction:column}.genre-menu-content{background:transparent;width:100%;height:100%;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + 10px);animation:menuFadeIn .4s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes menuFadeIn{0%{opacity:0;filter:blur(10px);transform:scale(1.1)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.genre-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);position:sticky;top:0;background:transparent;z-index:10}.genre-menu-header h2{font-size:var(--font-lg);text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:900;margin:0}.genre-menu-header .close-btn{background:#ffffff14;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s}.genre-menu-header .close-btn:active{transform:scale(.9);background:#ffffff26}.genre-menu-grid{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-xl) var(--space-2xl)}.genre-menu-item{background:transparent;border:none;padding:12px 0;color:#fff6;font-size:var(--font-lg);font-weight:700;text-align:left;transition:all var(--duration-fast);text-transform:uppercase;letter-spacing:-.01em}.genre-menu-item.active{color:#fff;transform:translate(8px)}.genre-menu-item:active{transform:scale(.98) translate(4px);color:#fffc}.library-page{padding-top:var(--space-md);background:linear-gradient(to bottom,rgba(124,92,255,.05) 0%,transparent 400px)}.library-header{padding:20px var(--space-lg);margin-bottom:var(--space-md)}.library-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.library-title{font-size:32px;font-weight:900;color:#fff;letter-spacing:-.04em;margin:0;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.library-count{font-size:14px;font-weight:700;color:var(--text-muted);opacity:.6;letter-spacing:.02em}.library-filters{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.library-filters::-webkit-scrollbar{display:none}.library-grid{padding:0 var(--space-lg) var(--space-3xl);animation:gridEnter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes gridEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.library-no-results{grid-column:1 / -1;padding:80px 0;text-align:center;color:var(--text-muted);font-size:15px;font-weight:500;opacity:.8}.library-empty{padding-top:100px}.library-hero{margin-top:10px}.library-hero .hero-banner{width:calc(100% - 60px);aspect-ratio:.72}.library-filters-container{padding:10px var(--space-lg);margin-bottom:10px;position:sticky;top:0;z-index:100}.library-badge{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important}.library-badge-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--accent-light);margin-right:4px}.library-badge-icon svg{width:14px;height:14px}.library-section-title{font-size:18px;font-weight:800;color:#fff;padding:0 var(--space-lg);margin:10px 0 16px;letter-spacing:-.02em;opacity:.9}.player-page{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:10;overflow:hidden;transition:all .4s ease}@media(orientation:landscape){.player-page{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:5000!important;background:#000!important}}.player-page.is-portrait{background:#000;pointer-events:auto}.player-page.is-portrait .player-video,.player-page.is-portrait .player-controls-overlay.visible,.player-page.is-portrait .player-loading,.player-page.is-portrait .buffering-overlay{pointer-events:auto}.player-page.is-portrait .player-overlay-top{visibility:hidden;opacity:0;pointer-events:none}.player-page.is-portrait .player-overlay-bottom{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);padding:10px 15px}.player-page.is-portrait .player-center-controls{gap:40px}.player-page.is-portrait .player-center-btn.play-pause{width:50px;height:50px}.player-page.is-portrait .player-center-btn.play-pause svg{width:24px;height:24px}.player-page.is-portrait .player-center-btn.skip{width:40px;height:40px}.player-page.is-portrait .player-center-btn.skip svg{width:24px;height:24px}.player-page.is-portrait .bottom-controls-row{display:none}.player-video{width:100%;height:100%;object-fit:contain;background:#000}.player-controls-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;pointer-events:none;z-index:10}.player-controls-overlay.visible{opacity:1;pointer-events:auto}.player-overlay-top{display:flex;justify-content:space-between;align-items:flex-start;padding:calc(20px + var(--safe-top)) 40px 30px;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%)}.top-left-controls{display:flex;flex-direction:column;gap:8px}.player-back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.player-back-btn:active{background:#ffffff4d;transform:scale(.9)}.player-back-btn svg{width:30px;height:30px;stroke-width:2}.top-right-info{text-align:right;display:flex;flex-direction:column;gap:4px}.player-title-large{color:#fff;font-size:1.25rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.8);letter-spacing:-.5px}.player-subtitle{color:#ffffffb3;font-size:.85rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.player-center-controls{display:flex;align-items:center;justify-content:center;gap:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-center-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.player-center-btn:active{background:#ffffff4d;transform:scale(.9)}.player-center-btn.skip{width:60px;height:60px;padding:0}.player-center-btn.skip svg{width:40px;height:40px}.player-center-btn.play-pause{width:90px;height:90px;padding:0;background:#ffffff26}.player-center-btn.play-pause svg{width:48px;height:48px}.player-overlay-bottom{display:flex;flex-direction:column;justify-content:flex-end;padding:40px 40px max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.5) 60%,transparent 100%);gap:4px}.scrubber-container{display:flex;align-items:center;gap:20px;color:#ddd;font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums}.player-scrubber{flex:1;height:36px;display:flex;align-items:center;cursor:pointer}.scrubber-track{width:100%;height:4px;background:#ffffff4d;border-radius:2px;position:relative}.scrubber-buffered{position:absolute;left:0;top:0;bottom:0;background:#fff6;border-radius:2px}.scrubber-played{position:absolute;left:0;top:0;bottom:0;background:#e50914;border-radius:2px;z-index:2}.scrubber-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#e50914;border-radius:50%;z-index:3;box-shadow:0 0 10px #e5091480}.bottom-controls-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:0}.bottom-controls-left{flex:1}.bottom-controls-middle{flex:2;display:flex;justify-content:center;gap:15px}.bottom-controls-right{flex:1;display:flex;justify-content:flex-end}.bottom-control-action{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:40px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;white-space:nowrap}.bottom-control-action:active{background:#ffffff4d;transform:scale(.95)}.bottom-control-action svg{width:20px;height:20px;fill:currentColor}.player-loading,.buffering-overlay{position:fixed;inset:0;display:flex!important;flex-direction:column;align-items:center;justify-content:center;z-index:3500;overflow:hidden}.player-loading{background:#000;transition:all .4s ease}.player-page.is-portrait .player-loading,.player-page.is-portrait .buffering-overlay{height:100%;background:#000c}.player-page.is-portrait .loading-title{font-size:1.2rem}.player-page.is-portrait .loading-episode{font-size:.8rem}.player-page.is-portrait .loading-footer{display:none}.player-page.is-portrait .spinner{width:40px;height:40px}.buffering-overlay{background:#0003;z-index:2500;pointer-events:none}.loading-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.4;filter:blur(2px);transform:scale(1.1)}.loading-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.8) 100%),linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 50%,rgba(0,0,0,.9) 100%);z-index:1}.loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%;padding:0 40px;max-width:900px;text-align:center}.player-loading.simple{background:#0006;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.player-loading.simple .loading-content{padding:0}.player-page .spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.1);border-top-color:#e50914;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #e5091433}.loading-info{display:flex;flex-direction:column;gap:12px;animation:fadeInLoading .8s ease-out}.loading-title{font-size:2.2rem;color:#fff;margin:0;font-weight:900;text-shadow:0 4px 15px rgba(0,0,0,.8);letter-spacing:-1px}.loading-episode{font-size:1.1rem;color:#e50914;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.loading-footer{position:absolute;bottom:0;left:0;right:0;padding:60px 40px calc(20px + var(--safe-bottom));background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%);z-index:3;animation:fadeInFooter 1s ease-out}.loading-plot{font-size:1rem;color:#ffffffb3;line-height:1.6;max-width:800px;margin:0 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}@keyframes fadeInFooter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLoading{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.audio-sub-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3500;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}.audio-sub-content{background:transparent;width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding:40px;color:#fff}.audio-sub-close-floating{position:absolute;top:20px;right:30px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease;z-index:10}.audio-sub-close-floating:active{background:#fff3;transform:scale(.9)}.audio-sub-body{display:flex;flex:1;gap:60px;justify-content:center;align-items:stretch;height:100%;overflow:hidden;margin-top:10px;padding:0 40px}.audio-sub-divider{width:1px;background:#ffffff26;align-self:stretch;margin:0 10px}.audio-sub-column{flex:1;display:flex;flex-direction:column;max-width:400px;height:100%}.audio-sub-column h4{margin:0 0 20px;font-size:1.1rem;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;flex-shrink:0}.audio-sub-list{flex:1;overflow-y:auto;padding-right:15px;padding-bottom:40px;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.audio-sub-list::-webkit-scrollbar{width:4px}.audio-sub-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.audio-sub-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.audio-sub-item{padding:14px 24px;margin-bottom:8px;border-radius:40px;cursor:pointer;transition:all .2s ease;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;color:#fff9;background:transparent;border:1px solid transparent}.audio-sub-item:active{background:#ffffff1a}.audio-sub-item.active{background:#ffffff08;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.audio-sub-item .check{font-size:1.2rem;color:#fff}.audio-sub-empty{padding:16px 20px;color:#fff6;font-style:italic}.player-orientation-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2500;text-align:center;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.orientation-content{display:flex;flex-direction:column;align-items:center;gap:20px}.orientation-content svg{width:80px;height:80px;color:#e50914;animation:rotateHint 2s infinite ease-in-out}@keyframes rotateHint{0%{transform:rotate(0)}70%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.rotate-btn{padding:14px 32px;background:#e50914;color:#fff;border:none;border-radius:30px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.header{position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) 16px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(10,10,15,.8) 0%,rgba(10,10,15,.4) 40%,transparent 100%);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:100;transition:background var(--duration-fast) var(--ease-out),backdrop-filter var(--duration-fast) var(--ease-out),border-bottom var(--duration-fast) var(--ease-out)}.header.scrolled{background:#0a0a0fbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.header-logo{display:flex;align-items:center;cursor:pointer}.logo-text{font-size:1.1rem;display:flex;align-items:center;gap:6px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo-prefix{font-family:Geologica,sans-serif!important;font-weight:100!important;color:#ffffffb3!important;letter-spacing:-.05em!important;text-transform:none!important}.logo-name{font-family:Geologica,sans-serif!important;font-weight:100!important;color:#ffffffd9!important;letter-spacing:-.05em!important;text-transform:none!important}.page-title{font-size:var(--font-lg);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.header-profile-container{position:relative}.header-avatar-btn{width:36px;height:36px;border-radius:8px;overflow:hidden;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.header-avatar-btn:active{transform:scale(.9)}.header-avatar-btn img{width:100%;height:100%;object-fit:cover}.header-icon-btn{background:none;border:none;padding:0 4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:opacity var(--duration-fast)}.header-icon-btn:active{opacity:.6;transform:none}.header-icon-btn svg{width:26px;height:26px}.page{padding-top:calc(var(--header-height) + var(--safe-top))}.page:has(.search-container),.page:has(.content-grid){padding-top:calc(var(--header-height) + var(--safe-top) - 4px)}.page:has(.hero-banner){padding-top:calc(var(--header-height) + var(--safe-top))}.logo-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;background:linear-gradient(135deg,#ff0844,#ffb199);color:#fff;padding:2px 6px;border-radius:4px;letter-spacing:.05em;margin-left:6px;box-shadow:0 2px 4px #ff084433;display:inline-block;vertical-align:middle}.bottom-nav{position:fixed;bottom:calc(24px + var(--safe-bottom));left:50%;transform:translate(-50%);width:fit-content;min-width:270px;height:60px;background:#ffffff14;backdrop-filter:blur(40px) saturate(210%);-webkit-backdrop-filter:blur(40px) saturate(210%);border:1px solid rgba(255,255,255,.2);border-radius:32px;display:flex;align-items:stretch;z-index:1000;box-shadow:0 12px 40px #0009,0 0 20px rgba(var(--theme-color-rgb, 0, 0, 0),.15);overflow:hidden;padding:0 10px}.bottom-nav-items{position:relative;display:flex;align-items:stretch;width:100%;height:100%;padding:0}.bottom-nav-indicator{position:absolute;top:0;left:0;width:33.33%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .45s var(--ease-spring);pointer-events:none;z-index:0}.bottom-nav-indicator:after{content:"";width:85%;height:44px;background:#ffffff1f;border-radius:22px;border:1.5px solid rgba(255,255,255,.25);box-shadow:inset 0 0 15px #ffffff1a}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:var(--space-xs) 0;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item svg{width:22px;height:22px;transition:transform var(--duration-fast) var(--ease-spring)}.bottom-nav-item span{font-size:10px;font-weight:500;letter-spacing:.02em}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-item.active svg{transform:scale(1.08)}.bottom-nav-item:active svg{transform:scale(.9)}.custom-dropdown{position:relative;display:inline-block;z-index:2005}.dropdown-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:8px 18px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dropdown-toggle:active{transform:scale(.96);background:#ffffff26}.dropdown-toggle.active{background:#fff3;border-color:#ffffff4d}.dropdown-chevron{transition:transform .3s cubic-bezier(.16,1,.3,1)}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:#0e0e0ecc;border:1px solid rgba(255,255,255,.2);border-radius:20px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:8px;box-shadow:0 10px 40px #0009;overflow:hidden;z-index:2006}.fade-scale-in{animation:fadeScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;color:#ffffffb3;font-size:.9rem;font-weight:600;transition:all .2s ease;cursor:pointer}.dropdown-item:active{background:#ffffff0d}.dropdown-item.selected{background:#ffffff1a;color:#fff;font-weight:700}.episodes-drawer-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#0006;z-index:2000}.episodes-sheet{width:45vw;height:100vh;background:#0e0e0ed9;border-left:1px solid rgba(255,255,255,.25);border-radius:40px 0 0 40px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;flex-direction:column;animation:sheetRight .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;bottom:0;box-shadow:-20px 0 60px #000c;overflow:hidden;z-index:2001}@keyframes sheetRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.episodes-sheet-header{padding:30px 20px 10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.episodes-header-main{display:flex;align-items:center;gap:12px}.episodes-sheet-header h3{font-size:1.3rem;color:#fff;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:2px}.season-selector-wrapper{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:4px 12px;display:flex;align-items:center;transition:all .2s ease}.season-selector-wrapper:active{background:#ffffff26}.season-selector{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;outline:none;padding-right:4px;-webkit-appearance:none;appearance:none}.season-selector option{background:#1a1a1a;color:#fff}.episodes-close-btn{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.episodes-close-btn:active{transform:scale(.9)}.episodes-scroll-area{padding:10px 20px 60px;overflow-y:auto;flex:1;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.episodes-scroll-area::-webkit-scrollbar{display:none}.episode-item{display:flex;gap:16px;padding:12px;margin-bottom:8px;cursor:pointer;border-radius:20px;transition:all .2s ease;border:1px solid transparent}.episode-item:active{background:#ffffff0d}.episode-item.active{background:#ffffff08;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.episode-thumb-container{position:relative;width:160px;aspect-ratio:16/9;flex-shrink:0;border-radius:12px;overflow:hidden;background:#1a1a1a}.episode-thumb{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.episode-item.active .episode-thumb{transform:scale(1.05)}.playing-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:6px 12px;border-radius:40px;font-size:.6rem;font-weight:900;letter-spacing:2px;color:#fff;border:1px solid rgba(255,255,255,.3)}.episode-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}.episode-meta{font-size:.7rem;font-weight:700;color:#ffffff73}.episode-title{font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-overview{font-size:.8rem;color:#fff6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.episode-item.locked{cursor:default;opacity:.8}.episode-item.locked .episode-thumb{filter:brightness(.4) grayscale(.5)}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003}.locked-overlay svg{width:24px;height:24px;color:#fffc;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ep-item-coming-soon{font-size:.8rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.5px}@media screen and (orientation:portrait){.episodes-sheet{width:100vw;height:70vh;inset:auto 0 0;border-radius:40px 40px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.2);animation:sheetUp .4s cubic-bezier(.16,1,.3,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.episode-thumb-container{width:130px}.episode-title{font-size:1rem}}.recommend-modal-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInModal .3s ease}.recommend-modal-content{background:linear-gradient(135deg,#ffffff1a,#ffffff05);backdrop-filter:blur(60px) saturate(1.5);-webkit-backdrop-filter:blur(60px) saturate(1.5);border:1px solid rgba(255,255,255,.15);border-radius:32px;width:100%;max-width:400px;overflow:hidden;position:relative;box-shadow:0 40px 120px #000c,inset 0 0 80px #ffffff05}.recommend-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.recommend-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#fff}.close-recommend-btn{background:#ffffff0d;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#aaa;cursor:pointer}.recommend-body{padding:20px;max-height:60vh;overflow-y:auto}.friends-selection-list{display:flex;flex-direction:column;gap:12px}.friend-select-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.friend-select-item:active{background:#ffffff14;transform:scale(.98)}.friend-select-info{display:flex;align-items:center;gap:12px}.friend-select-info img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#333}.friend-select-info span{color:#fff;font-weight:500}.send-recommend-btn{background:#ff3b30;color:#fff;border:none;padding:8px 16px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s,background .2s}.send-recommend-btn:active{transform:scale(.95)}.send-recommend-btn.sent{background:#00c853!important;opacity:1!important;cursor:default}.sent-content{display:flex;align-items:center;gap:4px}.sent-content svg{width:14px;height:14px}.recommend-loading,.recommend-empty{text-align:center;padding:40px 20px;color:#888}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.friends-page.page{padding-bottom:100px;min-height:100vh;background:transparent;color:#fff;padding-left:20px;padding-right:20px;overflow-y:auto}.friends-page .home-filter-bar{margin-left:-20px;margin-right:-20px;margin-bottom:25px;padding:15px 20px;position:sticky;top:0;z-index:100;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;gap:12px}.fade-in{animation:fadeInTab .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeInTab{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0}.add-friend-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;transition:all .2s}.add-friend-icon-btn svg{width:20px;height:20px}.add-friend-icon-btn:active{transform:scale(.9);background:#ffffff26}.search-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:20px;display:flex;flex-direction:column;align-items:center}.search-input-wrapper{display:flex;gap:10px;width:100%}.close-search-btn{background:#ffffff0d;border:none;padding:0 15px;border-radius:12px;color:#aaa;font-weight:500}.friends-search-container{position:relative;margin-bottom:30px;width:100%;max-width:500px;margin-top:calc(20px + var(--safe-top))}.friends-search-container input{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.friends-search-container input:focus{border-color:#ffffff4d}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#1a1a1a;border-radius:15px;border:1px solid rgba(255,255,255,.1);z-index:100;overflow:hidden;box-shadow:0 10px 30px #00000080}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.user-info{display:flex;align-items:center;gap:12px}.user-info img{width:35px;height:35px;border-radius:50%;background:#333}.search-result-item button{background:#fff;color:#000;border:none;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.search-result-item button:active{transform:scale(.95);background:#ffffffe6}.friends-section{margin-bottom:40px}.friends-section h2{font-size:1.2rem;margin-bottom:15px;color:#aaa;font-weight:600}.pending-list{display:flex;flex-direction:column;gap:10px}.pending-item{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:15px;border-radius:15px;display:flex;justify-content:space-between;align-items:center}.pending-actions{display:flex;gap:10px}.pending-actions button{padding:6px 12px;border-radius:8px;font-weight:600;border:none;cursor:pointer}.accept-btn{background:#fff;color:#000}.accept-btn:active{transform:scale(.95);background:#ffffffe6}.decline-btn{background:#ffffff0d;color:#aaa}.recommendations-grid{display:flex;flex-direction:column;gap:30px;padding-bottom:20px}.hero-friend-badge{display:flex;align-items:center;gap:8px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);margin-bottom:5px}.hero-friend-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}.hero-friend-badge span{font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.friend-row{display:flex;flex-direction:column;gap:15px}.row-header{display:flex;align-items:center;gap:10px;padding-left:5px}.row-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.row-title{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.3px}.row-cards{display:flex;gap:12px;overflow-x:auto;padding:5px 5px 15px;margin-left:-5px;margin-right:-20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.row-cards::-webkit-scrollbar{display:none}.recommendation-card{min-width:130px;max-width:130px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease;cursor:pointer}.dismiss-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fffc;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1)}.dismiss-btn svg{width:12px;height:12px}.dismiss-btn:active{transform:scale(.85);background:#ff3b3066;border-color:#ff3b304d;color:#fff}.recommendation-card img{width:100%;height:180px;object-fit:cover}.rec-info{padding:10px}.rec-title{font-size:.8rem;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rec-meta{font-size:.65rem;color:#ffffff80;margin-top:2px}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-item{display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff08;border-radius:15px}.friend-item img{width:50px;height:50px;border-radius:50%;background:#333}.friend-info{display:flex;flex-direction:column}.friend-name{font-weight:600;font-size:1rem}.friend-status{font-size:.8rem;color:#666}.remove-friend-btn{margin-left:auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 14px;border-radius:12px;font-size:.8rem;font-weight:700;transition:all .2s}.remove-friend-btn:active{background:#ff3b3033;border-color:#ff3b304d;color:#ff3b30;transform:scale(.95)}.empty-state-card{width:100%;padding:40px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.empty-icon{width:60px;height:60px;background:#ffffff14;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:8px}.empty-icon svg{width:32px;height:32px}.empty-state-card h3{margin:0;font-size:1.1rem;color:#fff}.empty-state-card p{margin:0;font-size:.9rem;color:#888;line-height:1.5;max-width:280px}.empty-state-btn{margin-top:8px;background:#ffffff1a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 24px;border-radius:var(--radius-full);font-weight:800;cursor:pointer;transition:transform .2s}.empty-state-btn:active{transform:scale(.95)}.profile-avatar-img{width:100%;height:100%;background-size:cover;background-position:center;border-radius:inherit}.profile-screen{position:relative!important;min-height:100dvh!important;width:100%!important;background:#000!important;z-index:1000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;touch-action:none}.splash-screen{justify-content:center;align-items:center;background:#000;background:radial-gradient(circle at 50% 50%,rgba(229,9,20,.08) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgba(229,9,20,.04) 0%,transparent 40%),#050505}.splash-content{display:flex;flex-direction:column;align-items:center;gap:1.8rem;animation:splashReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}.splash-icon-div{width:120px;height:120px;filter:drop-shadow(0 0 10px rgba(229,9,20,.2)) drop-shadow(0 0 30px rgba(229,9,20,.1));animation:logoEntrance 1s cubic-bezier(.34,1.56,.64,1) forwards,logoPulse 3s infinite ease-in-out 1s}.logo-text{font-size:1.6rem;font-weight:350;color:#ffffffb3;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 4px 10px rgba(0,0,0,.5);margin:0}.logo-text span{font-weight:800;color:#fff;margin-left:2px}@keyframes logoEntrance{0%{transform:scale(.6) translateY(20px);opacity:0;filter:blur(10px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(229,9,20,.2)) drop-shadow(0 0 30px rgba(229,9,20,.1))}50%{transform:scale(1.03);filter:drop-shadow(0 0 15px rgba(229,9,20,.4)) drop-shadow(0 0 40px rgba(229,9,20,.2))}}@keyframes splashReveal{0%{opacity:0}to{opacity:1}}.profile-carousel{position:absolute!important;inset:0!important;width:100%!important;z-index:1!important;background:#000!important;overflow:hidden!important;flex-shrink:0}.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.carousel-slide.active{opacity:1;z-index:2}.carousel-bg-blur{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(60px) brightness(.5);opacity:.9;z-index:1}.carousel-poster{position:absolute;inset:0;background-size:contain;background-position:center top;background-repeat:no-repeat;z-index:2;transform:scale(1)}.carousel-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,transparent 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.8) 100%);z-index:3}.profile-screen.fade-in{animation:fadeInSimple .4s ease-out forwards!important}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}.profile-grid-container{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:auto!important;padding:20px 20px calc(20px + env(safe-area-inset-bottom,20px))!important;background:#141419d9!important;backdrop-filter:blur(30px) saturate(1.8)!important;-webkit-backdrop-filter:blur(30px) saturate(1.8)!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -10px 40px #000c!important;display:flex!important;flex-direction:column!important;align-items:center!important;z-index:1000!important;border-radius:28px 28px 0 0!important;transform:none!important}.profile-choose-text{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-top:5px;margin-bottom:1rem;font-size:1.35rem;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(0,0,0,.5);animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem .5rem;max-width:300px;width:100%}.profile-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease}.profile-item:active{transform:scale(.95)}.profile-avatar{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer;background:#2a2a32;border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.profile-avatar.editing:after{content:"✎";position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;border-radius:inherit;opacity:.8}.profile-item:hover .profile-avatar{border:2px solid white}.profile-avatar.add-btn,.profile-avatar.edit-btn{background:#ffffff14!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;color:#fff;box-shadow:0 4px 15px #0003}.profile-item:hover .profile-avatar.add-btn{border:2px solid #fff!important;transform:scale(1.05);background:#ffffff1f!important}.profile-name{font-size:.9rem;color:var(--text-secondary);font-weight:500}.profile-footer-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:.8rem;width:100%;max-width:240px}.profile-manage-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 0;width:100%;border-radius:12px;font-size:14px;font-weight:700;transition:all .3s var(--ease-out);cursor:pointer}.profile-manage-btn.active{background:var(--red-accent);border-color:#fff3;box-shadow:0 8px 20px #e5091433}.profile-signout-btn{background:none;border:none;color:#fff6;padding:8px 0;width:100%;font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;transition:all .2s ease;cursor:pointer}.profile-signout-btn:active{color:var(--red-accent)}.image-selector-container{width:100%;max-height:200px;overflow-y:auto;margin:1rem 0;padding:10px;background:#1a1a20;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.image-selector-container::-webkit-scrollbar{width:4px}.image-selector-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.image-option{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#000}.image-option.selected{border-color:var(--accent);transform:scale(1.05)}.image-option img{width:100%;height:100%;object-fit:cover}.current-selection-preview{width:80px;height:80px;border-radius:12px;margin-bottom:1rem;overflow:hidden;border:2px solid var(--accent);box-shadow:var(--shadow-glow)}.current-selection-preview img{width:100%;height:100%;object-fit:cover}.profile-avatar.has-image{background:transparent!important;overflow:hidden}.profile-avatar.has-image img{width:100%;height:100%;object-fit:cover}.profile-manage-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.manage-toggle-btn{flex:1;max-width:180px;padding:12px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#fff;font-size:14px;font-weight:700;transition:all .3s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manage-toggle-btn.active{background:var(--red-accent);border-color:#fff3;box-shadow:0 8px 20px #e509144d}.manage-toggle-btn.logout-btn{background:#ef44441a;border-color:#ef444433;color:#ff5f5f}.manage-toggle-btn.logout-btn:active{background:#ef444433;transform:scale(.95)}.settings-profile-item.manage-mode .settings-profile-avatar{transform:scale(.95);filter:brightness(.7)}.edit-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;border-radius:inherit;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-profile-item{transition:all .3s var(--ease-out)}.settings-profile-item.manage-mode{animation:jitter .4s ease-in-out infinite alternate}@keyframes jitter{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}