.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg: #060e14;--bg-above: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .05);--bg-input: rgba(255, 255, 255, .035);--bg-card: rgba(255, 255, 255, .03);--glass-surface: rgba(255, 255, 255, .03);--glass-raised: rgba(255, 255, 255, .05);--glass-overlay: rgba(255, 255, 255, .07);--glass-blur-sm: 12px;--glass-blur-md: 20px;--glass-blur-lg: 32px;--accent: #5aaca8;--accent-dim: rgba(90, 172, 168, .1);--accent-soft: rgba(90, 172, 168, .06);--accent-rgb: 90, 172, 168;--text: rgba(255, 255, 255, .9);--text-mid: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .07);--border-glass: rgba(255, 255, 255, .08);--radius: 14px;--radius-sm: 8px;--radius-xs: 8px;--bg-gradient-edge: #060e16;--bg-miniplayer: rgba(6, 10, 14, .92);--shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.06);--shadow-float: 0 2px 4px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08);--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-12: 12px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-32: 32px;--sp-40: 40px;--sp-48: 48px;--font: "SF Pro Display", "SF Pro Text", "Inter", system-ui, -apple-system, sans-serif;--fs-hero: 32px;--fs-h2: 20px;--fs-body: 16px;--fs-sub: 15px;--fs-caption: 13px;--fs-chip: 12px;--fs-tab: 10px;--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)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}body{min-height:100dvh;font-family:var(--font);font-size:var(--fs-body);line-height:1.45;color:var(--text);background:linear-gradient(168deg,#040810,#050d16 18%,#060e14 38%,#071420 52%,#060e16 68%,#050c14 82%,#040810) fixed #060e14;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(90,172,168,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(90,172,168,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.01) 0%,transparent 70%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;will-change:auto}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.skip-nav{position:absolute;top:-100px;left:16px;z-index:999;padding:10px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-xs);font-weight:600;font-size:var(--fs-caption);transition:top .2s ease}.skip-nav:focus{top:calc(8px + var(--safe-top))}input{-webkit-tap-highlight-color:transparent}.chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:var(--fs-chip);font-weight:500;letter-spacing:.1px;color:var(--text-mid);background:var(--glass-surface);border:.5px solid var(--border)}.screen{flex:1;display:flex;flex-direction:column;padding:0 var(--sp-20);padding-top:calc(var(--sp-16) + var(--safe-top));padding-bottom:calc(72px + var(--safe-bottom));background:transparent;will-change:opacity;isolation:isolate}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:6px;padding:calc(4px + var(--safe-top)) 16px 4px;background:#ef4444e6;color:#fff;font-size:var(--fs-caption);font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;justify-content:center;gap:0;background:#04080ceb;backdrop-filter:saturate(180%) blur(var(--glass-blur-lg));-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur-lg));border-top:.5px solid rgba(255,255,255,.06);box-shadow:0 -1px #ffffff08;z-index:100;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bottom-nav button{flex:1;max-width:120px;padding:6px 0 2px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:var(--fs-tab);font-weight:600;letter-spacing:.3px;color:var(--text-muted);transition:color .15s}.bottom-nav button.active,.bottom-nav button.mode-toggle{color:var(--accent)}.bottom-nav button.mode-toggle span{font-weight:600;letter-spacing:.3px;color:var(--accent)}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-morph-enter{animation:skeletonMorphIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes skeletonMorphIn{0%{opacity:0;transform:scale(.97);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes helpSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes heartBounce{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.95)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bookmarkFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.like-bounce{animation:heartBounce .35s cubic-bezier(.34,1.56,.64,1)}.bookmark-flip{animation:bookmarkFlip .35s ease}.card-stagger-in{animation:cardStaggerIn .25s ease both}.card-stagger-in:nth-child(1){animation-delay:0ms}.card-stagger-in:nth-child(2){animation-delay:50ms}.card-stagger-in:nth-child(3){animation-delay:.1s}.card-stagger-in:nth-child(4){animation-delay:.15s}.card-stagger-in:nth-child(5){animation-delay:.2s}.card-stagger-in:nth-child(6){animation-delay:.25s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-mode=papa]{--accent: #7B8FD4;--accent-dim: rgba(123, 143, 212, .1);--accent-soft: rgba(123, 143, 212, .06);--accent-rgb: 123, 143, 212}[data-mode=papa] body:before{background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(123,143,212,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(123,143,212,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.01) 0%,transparent 70%)}[data-theme=light]{--bg: #F5F5F7;--bg-above: rgba(0, 0, 0, .02);--bg-hover: rgba(0, 0, 0, .04);--bg-input: rgba(0, 0, 0, .04);--bg-card: rgba(255, 255, 255, .8);--glass-surface: rgba(255, 255, 255, .6);--glass-raised: rgba(255, 255, 255, .75);--glass-overlay: rgba(255, 255, 255, .85);--glass-blur-sm: 12px;--glass-blur-md: 20px;--glass-blur-lg: 32px;--text: rgba(0, 0, 0, .88);--text-mid: rgba(0, 0, 0, .55);--text-muted: rgba(0, 0, 0, .35);--border: rgba(0, 0, 0, .06);--border-card: rgba(0, 0, 0, .08);--border-glass: rgba(0, 0, 0, .1);--bg-gradient-edge: #F0F0F2;--bg-miniplayer: rgba(245, 245, 247, .92);--shadow-card: 0 1px 2px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8);--shadow-float: 0 2px 4px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.8)}[data-theme=light] body{background:linear-gradient(168deg,#eeeef0,#f2f2f4 30%,#f5f5f7,#f2f2f4 70%,#eeeef0) fixed #f5f5f7}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(90,172,168,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(90,172,168,.05) 0%,transparent 70%)}[data-theme=light] body:after{opacity:0}[data-theme=light] .glass-card{background:linear-gradient(180deg,#fffc,#fff9);border-color:#00000014;border-top-color:#ffffffe6;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}[data-theme=light] .bottom-nav{background:#f5f5f7eb;border-top-color:#0000001a}[data-theme=light][data-mode=papa] body:before{background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(123,143,212,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(123,143,212,.05) 0%,transparent 70%)}[data-theme=flat]{--bg: #0D1117;--bg-above: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .05);--bg-input: rgba(255, 255, 255, .06);--bg-card: rgba(255, 255, 255, .04);--glass-surface: rgba(255, 255, 255, .04);--glass-raised: rgba(255, 255, 255, .06);--glass-overlay: rgba(255, 255, 255, .08);--glass-blur-sm: 0px;--glass-blur-md: 0px;--glass-blur-lg: 0px;--shadow-card: none;--shadow-float: none;--border: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .1);--border-glass: rgba(255, 255, 255, .1);--bg-gradient-edge: #0D1117;--bg-miniplayer: rgba(13, 17, 23, .95)}[data-theme=flat] body{background:#0d1117}[data-theme=flat] body:before,[data-theme=flat] body:after{display:none}[data-theme=flat] .glass-card{background:#ffffff0a;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:none}.card-stagger{animation:fadeIn .2s ease both}.glass-card{background:linear-gradient(180deg,#ffffff0d,#ffffff04);backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(var(--glass-blur-md));border:.5px solid var(--border-card);border-top:.5px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:var(--shadow-card)}.error-banner{padding:10px 16px;margin-bottom:16px;border-radius:var(--radius-xs);background:#ff646414;border:1px solid rgba(255,100,100,.15);color:#ffa0a0e6;font-size:var(--fs-caption);font-weight:500;display:flex;align-items:center;gap:8px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;animation-fill-mode:none!important}.card-stagger{opacity:1!important;transform:none!important;animation:none!important}}.pwa-force-visible{opacity:1!important;transform:none!important;animation:none!important}.carousel-scroll::-webkit-scrollbar{display:none}.carousel-scroll{scrollbar-width:none;-ms-overflow-style:none}::view-transition-old(root){animation:vt-fade-out .22s cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(root){animation:vt-fade-in .22s cubic-bezier(.4,0,.2,1) forwards}@keyframes vt-fade-out{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(.98)}}@keyframes vt-fade-in{0%{opacity:0;filter:blur(4px);transform:scale(1.02)}to{opacity:1;filter:blur(0);transform:scale(1)}}::view-transition-old(video-card-morph),::view-transition-new(video-card-morph){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.15,1);overflow:hidden;border-radius:var(--radius)}.video-player-wrapper{view-transition-name:video-card-morph}.bottom-nav{view-transition-name:bottom-nav}::view-transition-old(bottom-nav),::view-transition-new(bottom-nav){animation:none;mix-blend-mode:normal}.screen>header{view-transition-name:screen-header}::view-transition-old(screen-header),::view-transition-new(screen-header){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(video-card-morph),::view-transition-new(video-card-morph){animation-duration:.01s}.glass-card{animation:none!important}}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@supports (animation-timeline: view()){.glass-card{animation:scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}@keyframes carousel-scroll-fade{0%{opacity:.4;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@supports (animation-timeline: scroll()){.carousel-scroll>*{animation:carousel-scroll-fade linear both;animation-timeline:view(inline);animation-range:entry 0% entry 50%}}