:root{--bg: #0a1c28;--bg-above: rgba(255, 255, 255, .035);--bg-hover: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .04);--bg-card: rgba(255, 255, 255, .035);--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: #0a1e2a;--bg-miniplayer: rgba(12, 16, 20, .88);--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,#060c11,#081520 18%,#0a1c28 38%,#0c2230 52%,#0a1e2a 68%,#081822 82%,#061018) fixed #0a1c28;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,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(90,172,168,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.015) 0%,transparent 70%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.025;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}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))}.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:#060c11e6;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}}@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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes helpSlideIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.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,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(123,143,212,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.015) 0%,transparent 70%)}.card-stagger{opacity:0;animation:fadeIn .2s ease forwards}.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)}to{opacity:0;filter:blur(4px)}}@keyframes vt-fade-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}::view-transition-old(video-card-morph),::view-transition-new(video-card-morph){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.15,1)}.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}@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}}