@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:wght@400;600;700&family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap";
:root{--font-display:"Clash Display","Cabinet Grotesk",system-ui,sans-serif;--font-display-alt:"Satoshi","General Sans",system-ui,sans-serif;--font-body:"Satoshi","General Sans",system-ui,sans-serif;--font-accent:"Cabinet Grotesk","Outfit",sans-serif;--font-serif:"Playfair Display","Cormorant Garamond",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",monospace;--font-retro:"Space Mono","VT323",monospace;--font-modern:"Bebas Neue","Oswald",sans-serif;--font-elegant:"Cormorant Garamond","Playfair Display",Georgia,serif;--font-tech:"Orbitron","Audiowide",sans-serif;--font-minimal:"Work Sans","Inter",sans-serif;--text-2xs:clamp(.625rem,.5rem + .25vw,.6875rem);--text-xs:clamp(.6875rem,.625rem + .25vw,.75rem);--text-sm:clamp(.8125rem,.75rem + .25vw,.875rem);--text-base:clamp(.9375rem,.875rem + .25vw,1rem);--text-md:clamp(1rem,.9375rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .5vw,1.25rem);--text-xl:clamp(1.25rem,1.125rem + .5vw,1.5rem);--text-2xl:clamp(1.5rem,1.25rem + 1vw,2rem);--text-3xl:clamp(2rem,1.5rem + 2vw,2.75rem);--text-4xl:clamp(2.5rem,2rem + 2vw,3.5rem);--text-5xl:clamp(3rem,2.5rem + 2.5vw,4.5rem);--text-6xl:clamp(3.5rem,3rem + 3vw,6rem);--text-7xl:clamp(4.5rem,3.5rem + 4vw,8rem);--text-hero:clamp(4rem,3rem + 5vw,10rem);--text-mega:clamp(6rem,4rem + 8vw,15rem);--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tighter:1.05;--leading-tight:1.15;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:1.8;--leading-looser:2;--tracking-tightest:-.08em;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--tracking-mega:.2em;--tracking-ultra:.35em;--color-black:#000;--color-void:#030303;--color-abyss:#060608;--color-obsidian:#0a0a0c;--color-onyx:#0d0d0f;--color-charcoal:#121215;--color-graphite:#181820;--color-slate:#1e1e28;--color-ash:#252530;--color-smoke:#2e2e3a;--color-cloud:#3a3a48;--color-white:#fff;--color-snow:#fafafa;--color-ivory:#f5f5f7;--color-pearl:#e8e8ec;--color-silver:#b8b8c0;--color-zinc:#8a8a95;--color-steel:#5a5a68;--color-iron:#404050;--color-bg-primary:var(--color-void);--color-bg-secondary:var(--color-obsidian);--color-bg-tertiary:var(--color-charcoal);--color-bg-elevated:var(--color-graphite);--color-bg-hover:var(--color-slate);--color-bg-active:var(--color-ash);--color-bg-card:var(--color-obsidian);--color-bg-card-hover:var(--color-charcoal);--color-bg-surface:#ffffff05;--color-bg-glass:#ffffff0a;--color-bg-glass-strong:#ffffff14;--color-bg-overlay:#000c;--color-bg-overlay-light:#0009;--color-text-primary:var(--color-white);--color-text-secondary:var(--color-silver);--color-text-tertiary:var(--color-zinc);--color-text-muted:var(--color-steel);--color-text-disabled:var(--color-iron);--color-text-inverse:var(--color-black);--color-text-accent:var(--color-accent);--color-accent:#e91e63;--color-accent-hover:#ff2d78;--color-accent-active:#c41854;--color-accent-light:#e91e6326;--color-accent-subtle:#e91e6314;--color-accent-muted:#e91e6340;--color-accent-glow:#e91e6380;--color-accent-contrast:#fff;--color-secondary:#00d4ff;--color-secondary-hover:#3df;--color-secondary-light:#00d4ff26;--color-secondary-glow:#00d4ff80;--color-tertiary:#a855f7;--color-tertiary-light:#a855f726;--color-success:#10b981;--color-success-light:#10b98126;--color-success-glow:#10b98180;--color-warning:#f59e0b;--color-warning-light:#f59e0b26;--color-error:#ef4444;--color-error-light:#ef444426;--color-info:#3b82f6;--color-info-light:#3b82f626;--color-live:#ff0040;--color-live-glow:#ff004099;--color-premium:gold;--color-premium-light:#ffd70026;--color-vip:#d4a418;--color-new:#22c55e;--color-hd:#3b82f6;--color-4k:#a855f7;--color-border-default:#ffffff0f;--color-border-hover:#ffffff1f;--color-border-active:#ffffff2e;--color-border-focus:var(--color-accent);--color-border-subtle:#ffffff08;--color-border-strong:#fff3;--color-border-accent:var(--color-accent-muted);--spacing-0:0;--spacing-px:1px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-2-5:10px;--spacing-3:12px;--spacing-3-5:14px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-18:72px;--spacing-20:80px;--spacing-24:96px;--spacing-28:112px;--spacing-32:128px;--spacing-36:144px;--spacing-40:160px;--spacing-44:176px;--spacing-48:192px;--spacing-52:208px;--spacing-56:224px;--spacing-60:240px;--spacing-64:256px;--spacing-72:288px;--spacing-80:320px;--spacing-96:384px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-default:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-4xl:32px;--radius-5xl:40px;--radius-6xl:48px;--radius-full:9999px;--radius-blob:40% 60% 60% 40%/60% 40% 60% 40%;--radius-pill:100px;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 1px 3px #00000080,0 1px 2px #0006;--shadow-md:0 4px 8px #0006,0 2px 4px #0000004d;--shadow-lg:0 12px 32px #00000080,0 6px 12px #0000004d;--shadow-xl:0 24px 48px #00000080,0 12px 24px #0000004d;--shadow-2xl:0 32px 64px #0009,0 16px 32px #0006;--shadow-3xl:0 48px 100px #000000b3,0 24px 50px #00000080;--shadow-inner:inset 0 2px 4px #0006;--shadow-inner-lg:inset 0 4px 8px #00000080;--shadow-glow-xs:0 0 10px var(--color-accent-glow);--shadow-glow-sm:0 0 20px var(--color-accent-glow);--shadow-glow:0 0 40px var(--color-accent-glow);--shadow-glow-lg:0 0 60px var(--color-accent-glow);--shadow-glow-xl:0 0 100px var(--color-accent-glow);--shadow-glow-2xl:0 0 150px var(--color-accent-glow);--shadow-glow-secondary:0 0 40px var(--color-secondary-glow);--shadow-glow-success:0 0 40px var(--color-success-glow);--shadow-glow-live:0 0 30px var(--color-live-glow);--shadow-card:0 0 0 1px var(--color-border-subtle),0 4px 20px #0006;--shadow-card-hover:0 0 0 1px var(--color-border-hover),0 20px 40px #00000080,0 8px 16px #0000004d;--shadow-card-active:0 0 0 2px var(--color-accent),0 20px 40px var(--color-accent-subtle);--shadow-button:0 4px 14px #0006;--shadow-button-hover:0 8px 30px #00000080,0 0 20px var(--color-accent-glow);--shadow-button-active:0 2px 8px #0000004d;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-out-elastic:cubic-bezier(.68,-.6,.32,1.6);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.35s;--duration-slower:.5s;--duration-slowest:.8s;--duration-glacial:1.2s;--transition-instant:80ms var(--ease-out-quart);--transition-fast:.15s var(--ease-out-expo);--transition-base:.25s var(--ease-out-expo);--transition-smooth:.35s var(--ease-smooth);--transition-slow:.5s var(--ease-out-expo);--transition-slower:.7s var(--ease-out-expo);--transition-slowest:1s var(--ease-out-expo);--transition-spring:.6s var(--ease-spring);--transition-bounce:.5s var(--ease-bounce);--z-behind:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-header:350;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-maximum:999;--z-dev:9999;--header-height:72px;--header-height-mobile:64px;--header-height-compact:56px;--sidebar-width:280px;--sidebar-width-collapsed:72px;--content-max-width:1440px;--content-wide-width:1680px;--content-narrow-width:960px;--content-reading-width:720px;--card-max-width:420px;--video-player-max-width:1280px;--container-padding:clamp(16px,4vw,48px);--container-padding-sm:clamp(12px,3vw,24px);--container-padding-xs:clamp(8px,2vw,16px);--section-padding:clamp(48px,8vw,120px);--section-padding-sm:clamp(32px,6vw,80px);--section-padding-xs:clamp(24px,4vw,48px);--grid-gap:clamp(16px,2vw,24px);--grid-gap-sm:clamp(12px,1.5vw,16px);--grid-gap-lg:clamp(24px,3vw,40px);--grid-gap-xl:clamp(32px,4vw,56px);--blur-xs:2px;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--blur-4xl:100px;--blur-backdrop:12px;--blur-glass:20px;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-15:.15;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-90:.9;--opacity-95:.95;--opacity-100:1;--bg-gradient:none;--bg-gradient-radial:radial-gradient(ellipse at 50% 0%,var(--color-accent-subtle)0%,transparent 60%);--bg-gradient-spotlight:radial-gradient(800px circle at var(--mouse-x,50%)var(--mouse-y,0%),var(--color-accent-subtle),transparent 40%);--bg-gradient-mesh:radial-gradient(at 40% 20%,var(--color-accent-subtle)0px,transparent 50%),radial-gradient(at 80% 0%,var(--color-secondary-light)0px,transparent 50%),radial-gradient(at 0% 50%,var(--color-tertiary-light)0px,transparent 50%);--noise-opacity:.025;--noise-blend:overlay;--vignette:radial-gradient(ellipse at center,transparent 40%,#0006 100%);--vignette-strong:radial-gradient(ellipse at center,transparent 20%,#0009 100%);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--grain-opacity:.03;--scanline-opacity:.02;--aspect-square:1/1;--aspect-video:16/9;--aspect-video-vertical:9/16;--aspect-photo:4/3;--aspect-photo-portrait:3/4;--aspect-wide:21/9;--aspect-ultrawide:32/9;--aspect-poster:2/3;--aspect-card:3/4;--aspect-thumbnail:16/10;--animation-fade-in:fadeIn .5s var(--ease-out-expo)forwards;--animation-fade-up:fadeInUp .5s var(--ease-out-expo)forwards;--animation-scale-in:scaleIn .3s var(--ease-out-expo)forwards;--animation-slide-in:slideInRight .4s var(--ease-out-expo)forwards;--animation-pulse:pulse 2s var(--ease-in-out)infinite;--animation-glow:glow 2s var(--ease-in-out)infinite;--animation-shimmer:shimmer 2s linear infinite;--animation-float:float 6s var(--ease-in-out)infinite;--animation-spin:spin 1s linear infinite;--animation-bounce:bounce 1s infinite}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--container-padding);margin:0 auto}.container-narrow{max-width:var(--content-narrow-width)}.container-wide{max-width:var(--content-wide-width)}.container-reading{max-width:var(--content-reading-width)}.container-fluid{max-width:100%;padding:0 var(--container-padding-sm)}
*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;font:inherit;background:0 0;border:none}fieldset{border:none;margin:0;padding:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}hr{background:var(--color-border-default);border:none;height:1px}blockquote,figure{margin:0}address{font-style:normal}img,picture,video,canvas,svg,iframe{max-width:100%;height:auto;display:block}iframe{border:none}summary{cursor:pointer;display:list-item}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}dialog{background:0 0;border:none;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-accent);color:#fff}::placeholder{color:var(--color-text-muted);opacity:1}:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0px 1000px var(--color-bg-tertiary)inset;transition:background-color 5000s ease-in-out}:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0px 1000px var(--color-bg-tertiary)inset;transition:background-color 5000s ease-in-out}:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0px 1000px var(--color-bg-tertiary)inset;transition:background-color 5000s ease-in-out}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-none)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider)}p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.small{font-size:var(--text-sm);line-height:var(--leading-normal)}.micro{font-size:var(--text-xs);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.display-xl{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--font-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.display-lg{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.display-md{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.gradient-text{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary,var(--color-accent-hover)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.accent-text{color:var(--color-accent)}.muted-text{color:var(--color-text-muted)}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.caption{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.overline{font-family:var(--font-body);font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-mega)}code,kbd,samp,pre{font-family:var(--font-mono)}code{padding:var(--spacing-0-5)var(--spacing-1-5);color:var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-sm);font-size:.875em}pre{padding:var(--spacing-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}kbd{min-width:24px;padding:var(--spacing-0-5)var(--spacing-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--color-border-default);justify-content:center;align-items:center;display:inline-flex}ul,ol{padding:0;padding-left:var(--spacing-6);margin:0}li{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}li::marker{color:var(--color-accent)}blockquote{padding:var(--spacing-4)var(--spacing-6);font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);border-left:3px solid var(--color-accent);background:var(--color-bg-surface);border-radius:0 var(--radius-lg)var(--radius-lg)0;margin:0;font-style:italic}blockquote cite{margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-muted);font-style:normal;display:block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-nowrap{white-space:nowrap}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-balance{text-wrap:balance}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.display-xl{font-size:var(--text-5xl)}.display-lg{font-size:var(--text-4xl)}.display-md{font-size:var(--text-3xl)}}@media (max-width:480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.display-xl{font-size:var(--text-4xl)}.display-lg{font-size:var(--text-3xl)}}
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-screen{width:100vw}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.border{border:1px solid var(--color-border-default)}.border-0{border:none}.border-t{border-top:1px solid var(--color-border-default)}.border-b{border-bottom:1px solid var(--color-border-default)}.border-l{border-left:1px solid var(--color-border-default)}.border-r{border-right:1px solid var(--color-border-default)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-surface{background-color:var(--color-bg-surface)}.bg-accent{background-color:var(--color-accent)}.bg-transparent{background-color:#0000}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.transition-none{transition:none}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}@media (max-width:639px){.sm\:hidden{display:none}}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (max-width:767px){.md\:hidden{display:none}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media (max-width:1023px){.lg\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}.animate-fade-in{animation:fadeIn .3s var(--ease-out-expo)forwards}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out-expo)forwards}.animate-scale-in{animation:scaleIn .3s var(--ease-out-expo)forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
[data-theme=netflix-dark]{--font-display:"Bebas Neue","Oswald",system-ui,sans-serif;--font-body:"Outfit","Inter",system-ui,sans-serif;--font-accent:"Syne","Outfit",sans-serif;--color-bg-primary:#0a0a0a;--color-bg-secondary:#111;--color-bg-tertiary:#181818;--color-bg-elevated:#1f1f1f;--color-bg-hover:#2a2a2a;--color-bg-active:#333;--color-bg-card:#141414;--color-bg-card-hover:#1a1a1a;--color-bg-surface:#ffffff08;--color-bg-glass:#141414d9;--color-bg-glass-strong:#141414f2;--color-bg-overlay:#000000d9;--color-text-primary:#fff;--color-text-secondary:#b3b3b3;--color-text-tertiary:gray;--color-text-muted:#5a5a5a;--color-accent:#e50914;--color-accent-hover:#ff1c27;--color-accent-active:#b8070f;--color-accent-light:#e5091426;--color-accent-subtle:#e5091414;--color-accent-muted:#e5091440;--color-accent-glow:#e5091480;--color-accent-contrast:#fff;--color-secondary:#f5c518;--color-secondary-hover:#ffd93d;--color-secondary-light:#f5c51826;--color-secondary-glow:#f5c51866;--color-border-default:#ffffff14;--color-border-hover:#ffffff26;--color-border-subtle:#ffffff0a;--shadow-card:0 0 0 1px #ffffff0d,0 4px 24px #0009;--shadow-card-hover:0 0 0 1px #e509144d,0 20px 50px #000000b3,0 0 30px #e5091426;--shadow-glow:0 0 50px #e5091466;--shadow-glow-lg:0 0 80px #e5091480;--radius-default:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--bg-gradient:radial-gradient(ellipse 80% 50% at 50% -20%,#e5091426 0%,transparent 50%);--noise-opacity:.015;--vignette:radial-gradient(ellipse at center,transparent 50%,#0006 100%);--hover-scale:1.05;--hover-lift:-8px;--card-border-width:0;--card-glow-on-hover:true}[data-theme=netflix-dark] .hero{background:linear-gradient(180deg,transparent 0%,var(--color-bg-primary)100%),radial-gradient(ellipse at 50% -30%,#e5091433 0%,transparent 60%)}[data-theme=netflix-dark] .video-card{border-radius:var(--radius-default);transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo);overflow:hidden}[data-theme=netflix-dark] .video-card:hover{z-index:10;transform:scale(1.08)translateY(-8px)}[data-theme=netflix-dark] .btn-primary{background:var(--color-accent);font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:var(--font-medium)}[data-theme=netflix-dark] .btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}[data-theme=netflix-dark] .section-title{font-family:var(--font-body);font-weight:var(--font-bold);font-size:var(--text-xl);letter-spacing:var(--tracking-tight)}[data-theme=netflix-dark] .badge-live{background:var(--color-live);box-shadow:0 0 20px var(--color-live-glow);animation:2s infinite pulse}[data-theme=netflix-dark] .badge-premium{color:#000;background:linear-gradient(135deg,#d4a418 0%,gold 100%)}[data-theme=netflix-dark] .progress-bar{background:var(--color-accent);height:4px}[data-theme=netflix-dark] .maturity-badge{font-size:var(--text-xs);background:0 0;border:1px solid #fff6;padding:2px 6px}[data-theme=netflix-dark] .category-pill:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}
[data-theme=blue-dark]{--font-display:"Cabinet Grotesk","Outfit",system-ui,sans-serif;--font-body:"Outfit","Inter",system-ui,sans-serif;--font-accent:"JetBrains Mono",monospace;--color-bg-primary:#0a1628;--color-bg-secondary:#0d1d35;--color-bg-tertiary:#132543;--color-bg-elevated:#1a2f52;--color-bg-hover:#223a62;--color-bg-active:#2a4572;--color-bg-card:#0f2035;--color-bg-card-hover:#142840;--color-bg-surface:#3b82f608;--color-bg-glass:#0d1d35e6;--color-bg-glass-strong:#0d1d35f2;--color-bg-overlay:#0a1628e6;--color-text-primary:#e8eef5;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-active:#2563eb;--color-accent-light:#3b82f626;--color-accent-subtle:#3b82f614;--color-accent-muted:#3b82f640;--color-accent-glow:#3b82f666;--color-accent-contrast:#fff;--color-secondary:#06b6d4;--color-secondary-hover:#22d3ee;--color-secondary-light:#06b6d426;--color-secondary-glow:#06b6d466;--color-tertiary:#8b5cf6;--color-tertiary-light:#8b5cf626;--color-border-default:#3b82f61f;--color-border-hover:#3b82f640;--color-border-subtle:#3b82f60f;--shadow-card:0 0 0 1px #3b82f614,0 4px 20px #0006,inset 0 1px 0 #ffffff05;--shadow-card-hover:0 0 0 1px #3b82f64d,0 20px 40px #00000080,0 0 40px #3b82f626;--shadow-glow:0 0 40px #3b82f64d;--shadow-glow-lg:0 0 80px #3b82f666;--radius-default:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--bg-gradient:radial-gradient(ellipse 100% 80% at 50% -30%,#3b82f61f 0%,transparent 50%),radial-gradient(circle at 80% 80%,#06b6d40f 0%,transparent 40%);--noise-opacity:.02;--pattern-opacity:.02}[data-theme=blue-dark] .hero{background:linear-gradient(180deg,transparent 0%,var(--color-bg-primary)90%),radial-gradient(ellipse at 50% 0%,#3b82f626 0%,transparent 50%),radial-gradient(circle at 80% 50%,#06b6d414 0%,transparent 40%)}[data-theme=blue-dark] .video-card{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-card);transition:all .3s var(--ease-out-expo);overflow:hidden}[data-theme=blue-dark] .video-card:hover{border-color:var(--color-accent-muted);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}[data-theme=blue-dark] .btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-active)100%);border-radius:var(--radius-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}[data-theme=blue-dark] .btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover)0%,var(--color-accent)100%);box-shadow:var(--shadow-glow)}[data-theme=blue-dark] .btn-secondary{border:1px solid var(--color-border-default);color:var(--color-accent);background:0 0}[data-theme=blue-dark] .btn-secondary:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-muted)}[data-theme=blue-dark] .vault-indicator{color:var(--color-secondary)}[data-theme=blue-dark] .badge-secure{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-accent)100%);color:#fff;font-family:var(--font-accent);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider)}[data-theme=blue-dark] .progress-ring{stroke:var(--color-accent);filter:drop-shadow(0 0 4px var(--color-accent-glow))}[data-theme=blue-dark] .stat-card{background:var(--color-bg-glass);border:1px solid var(--color-border-default);border-radius:var(--radius-xl)}[data-theme=blue-dark] .sidebar{background:var(--color-bg-glass-strong);border-right:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}[data-theme=blue-dark] .nav-item.active{background:var(--color-accent-light);color:var(--color-accent);border-left:3px solid var(--color-accent)}
[data-theme=light-database]{--font-display:"JetBrains Mono","Fira Code",monospace;--font-body:"Work Sans","Inter",system-ui,sans-serif;--font-accent:"JetBrains Mono",monospace;--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-bg-elevated:#fff;--color-bg-hover:#e8eef5;--color-bg-active:#dbeafe;--color-bg-card:#fff;--color-bg-card-hover:#f8fafc;--color-bg-surface:#0f172a05;--color-bg-glass:#ffffffe6;--color-bg-glass-strong:#fffffff2;--color-bg-overlay:#ffffffe6;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#475569;--color-text-muted:#64748b;--color-accent:#0ea5e9;--color-accent-hover:#38bdf8;--color-accent-active:#0284c7;--color-accent-light:#0ea5e91a;--color-accent-subtle:#0ea5e90d;--color-accent-muted:#0ea5e933;--color-accent-glow:#0ea5e94d;--color-accent-contrast:#fff;--color-secondary:#6366f1;--color-secondary-hover:#818cf8;--color-secondary-light:#6366f11a;--color-tertiary:#10b981;--color-tertiary-light:#10b9811a;--color-border-default:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-subtle:#f1f5f9;--color-border-strong:#94a3b8;--shadow-card:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow-card-hover:0 10px 40px #00000014,0 4px 12px #0000000a;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 40px #0000001a;--radius-default:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--bg-gradient:none;--noise-opacity:0;--vignette:none;--pattern-grid:linear-gradient(#0ea5e908 1px,transparent 1px),linear-gradient(90deg,#0ea5e908 1px,transparent 1px);--pattern-grid-size:40px 40px}[data-theme=light-database] .hero{background:var(--pattern-grid),linear-gradient(180deg,#0ea5e908 0%,transparent 50%),var(--color-bg-primary);background-size:var(--pattern-grid-size),100% 100%,100% 100%}[data-theme=light-database] .video-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-default);transition:all .2s var(--ease-out-quart)}[data-theme=light-database] .video-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}[data-theme=light-database] .list-view .video-item{border-bottom:1px solid var(--color-border-default);padding:var(--spacing-4)0}[data-theme=light-database] .list-view .video-item:hover{background:var(--color-accent-subtle)}[data-theme=light-database] .data-row{font-family:var(--font-accent);font-size:var(--text-sm);border-bottom:1px solid var(--color-border-default)}[data-theme=light-database] .data-row:nth-child(2n){background:var(--color-bg-secondary)}[data-theme=light-database] .btn-primary{background:var(--color-accent);border-radius:var(--radius-default);font-weight:var(--font-medium);box-shadow:var(--shadow-sm)}[data-theme=light-database] .btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}[data-theme=light-database] .btn-secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary)}[data-theme=light-database] .search-bar{background:var(--color-bg-elevated);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}[data-theme=light-database] .search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}[data-theme=light-database] .filter-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-family:var(--font-accent);font-size:var(--text-xs)}[data-theme=light-database] .filter-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}[data-theme=light-database] .stat-value{font-family:var(--font-display);color:var(--color-accent)}[data-theme=light-database] .pagination-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border-default)}[data-theme=light-database] .pagination-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}[data-theme=light-database] header{background:var(--color-bg-glass-strong);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(var(--blur-backdrop));backdrop-filter:blur(var(--blur-backdrop))}[data-theme=light-database] .sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-default)}[data-theme=light-database] .id-display{font-family:var(--font-mono);background:var(--color-bg-secondary);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary)}
[data-theme=tech-minimal]{--font-display:"Orbitron","Audiowide",system-ui,sans-serif;--font-body:"JetBrains Mono","Fira Code",monospace;--font-accent:"Space Mono","Source Code Pro",monospace;--color-bg-primary:#0a0f14;--color-bg-secondary:#0d1218;--color-bg-tertiary:#111820;--color-bg-elevated:#151d28;--color-bg-hover:#1a2332;--color-bg-active:#1f2a3c;--color-bg-card:#0c1117;--color-bg-card-hover:#101820;--color-bg-surface:#22c55e05;--color-bg-glass:#0a0f14f2;--color-bg-glass-strong:#0a0f14fa;--color-bg-overlay:#000000f2;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-muted:#475569;--color-accent:#22c55e;--color-accent-hover:#4ade80;--color-accent-active:#16a34a;--color-accent-light:#22c55e1f;--color-accent-subtle:#22c55e0d;--color-accent-muted:#22c55e40;--color-accent-glow:#22c55e80;--color-accent-contrast:#000;--color-secondary:#06b6d4;--color-secondary-hover:#22d3ee;--color-secondary-light:#06b6d41f;--color-secondary-glow:#06b6d466;--color-tertiary:#f59e0b;--color-tertiary-light:#f59e0b1f;--color-border-default:#22c55e1a;--color-border-hover:#22c55e40;--color-border-subtle:#22c55e0d;--color-border-strong:#22c55e66;--shadow-card:0 0 0 1px #22c55e14,0 4px 20px #00000080;--shadow-card-hover:0 0 0 1px #22c55e4d,0 0 30px #22c55e26,0 20px 40px #00000080;--shadow-glow:0 0 30px #22c55e66;--shadow-glow-lg:0 0 60px #22c55e80;--shadow-glow-text:0 0 10px #22c55ecc;--radius-default:2px;--radius-lg:4px;--radius-xl:6px;--radius-2xl:8px;--bg-gradient:radial-gradient(ellipse at 50% -20%,#22c55e14 0%,transparent 50%);--noise-opacity:.04;--scanline-gradient:repeating-linear-gradient(0deg,#00000026,#00000026 1px,transparent 1px,transparent 2px)}[data-theme=tech-minimal] body:before{content:"";background:var(--scanline-gradient);pointer-events:none;z-index:9999;opacity:.3;position:fixed;inset:0}[data-theme=tech-minimal] .hero{background:var(--scanline-gradient),radial-gradient(ellipse at 50% 0%,#22c55e1a 0%,transparent 50%),var(--color-bg-primary)}[data-theme=tech-minimal] .video-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-default);position:relative;overflow:hidden}[data-theme=tech-minimal] .video-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}[data-theme=tech-minimal] .video-card:hover:before{opacity:1}[data-theme=tech-minimal] .video-card:hover{border-color:var(--color-accent-muted);box-shadow:var(--shadow-card-hover)}[data-theme=tech-minimal] .btn-primary{border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-default);background:0 0}[data-theme=tech-minimal] .btn-primary:hover{background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-glow);text-shadow:var(--shadow-glow-text)}[data-theme=tech-minimal] .code-display{font-family:var(--font-body);border:1px solid var(--color-border-default);color:var(--color-accent);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-default);background:#00000080}[data-theme=tech-minimal] .timestamp{font-family:var(--font-body);color:var(--color-secondary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}[data-theme=tech-minimal] .status-online{color:var(--color-accent);text-shadow:var(--shadow-glow-text)}[data-theme=tech-minimal] .status-recording{color:var(--color-error);animation:1s infinite blink}[data-theme=tech-minimal] .progress-bar{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);overflow:hidden}[data-theme=tech-minimal] .progress-bar-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));box-shadow:var(--shadow-glow)}[data-theme=tech-minimal] .tag{border:1px solid var(--color-border-hover);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);padding:var(--spacing-1)var(--spacing-2);background:0 0}[data-theme=tech-minimal] .tag:hover{border-color:var(--color-accent);color:var(--color-accent)}[data-theme=tech-minimal] .section-title{font-family:var(--font-display);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-size:var(--text-sm);color:var(--color-accent)}[data-theme=tech-minimal] .section-title:before{content:"> ";color:var(--color-secondary)}[data-theme=tech-minimal] .ascii-border{border:1px dashed var(--color-border-hover)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}[data-theme=tech-minimal] .cursor-blink:after{content:"_";color:var(--color-accent);animation:1s infinite blink}
[data-theme=card-modern]{--font-display:"Cabinet Grotesk","Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Outfit","DM Sans",system-ui,sans-serif;--font-accent:"Syne","Outfit",sans-serif;--color-bg-primary:#0c0a12;--color-bg-secondary:#12101a;--color-bg-tertiary:#1a1722;--color-bg-elevated:#22202c;--color-bg-hover:#2a2836;--color-bg-active:#333140;--color-bg-card:#15131c;--color-bg-card-hover:#1c1a24;--color-bg-surface:#a855f708;--color-bg-glass:#12101ae6;--color-bg-glass-strong:#12101af2;--color-bg-overlay:#0c0a12e6;--color-text-primary:#f8f7fc;--color-text-secondary:#a8a4b8;--color-text-tertiary:#7a7590;--color-text-muted:#5a5570;--color-accent:#a855f7;--color-accent-hover:#c084fc;--color-accent-active:#9333ea;--color-accent-light:#a855f726;--color-accent-subtle:#a855f714;--color-accent-muted:#a855f740;--color-accent-glow:#a855f766;--color-accent-contrast:#fff;--color-secondary:#ec4899;--color-secondary-hover:#f472b6;--color-secondary-light:#ec489926;--color-secondary-glow:#ec489966;--color-tertiary:#6366f1;--color-tertiary-light:#6366f126;--color-border-default:#a855f71a;--color-border-hover:#a855f740;--color-border-subtle:#ffffff0d;--shadow-card:0 4px 20px #0000004d,0 0 0 1px #a855f70d;--shadow-card-hover:0 20px 50px #0006,0 0 0 1px #a855f733,0 0 40px #a855f71a;--shadow-glow:0 0 40px #a855f74d;--shadow-glow-lg:0 0 80px #a855f766;--radius-default:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-3xl:40px;--bg-gradient:radial-gradient(ellipse 100% 60% at 30% -20%,#a855f726 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% -10%,#ec48991a 0%,transparent 50%);--noise-opacity:.015}[data-theme=card-modern] .hero{background:radial-gradient(ellipse at 30% 0%,#a855f733 0%,transparent 50%),radial-gradient(ellipse at 70% 20%,#ec48991f 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,#6366f114 0%,transparent 50%),var(--color-bg-primary)}[data-theme=card-modern] .video-card{background:var(--color-bg-card);border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}[data-theme=card-modern] .video-card:after{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#a855f74d,#ec48994d);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=card-modern] .video-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)scale(1.02)}[data-theme=card-modern] .video-card:hover:after{opacity:1}[data-theme=card-modern] .btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-secondary)100%);border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:var(--spacing-3)var(--spacing-6);border:none}[data-theme=card-modern] .btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}[data-theme=card-modern] .btn-secondary{background:var(--color-bg-glass);border:1px solid var(--color-border-default);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}[data-theme=card-modern] .btn-secondary:hover{background:var(--color-bg-glass-strong);border-color:var(--color-accent-muted)}[data-theme=card-modern] .discovery-chip{background:linear-gradient(135deg,var(--color-accent-light),var(--color-secondary-light));border-radius:var(--radius-full);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm)}[data-theme=card-modern] .discovery-chip:hover{background:linear-gradient(135deg,var(--color-accent-muted),var(--color-secondary-light))}[data-theme=card-modern] .model-card{background:linear-gradient(180deg,var(--color-bg-card)0%,var(--color-bg-tertiary)100%);border-radius:var(--radius-xl);aspect-ratio:3/4;overflow:hidden}[data-theme=card-modern] .model-card:hover{box-shadow:0 20px 60px #0006,0 0 50px #a855f726}[data-theme=card-modern] .avatar-ring{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full);padding:3px}[data-theme=card-modern] .section-header{text-align:center;margin-bottom:var(--spacing-10)}[data-theme=card-modern] .section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=card-modern] .masonry-grid{columns:4;column-gap:var(--grid-gap)}@media (max-width:1200px){[data-theme=card-modern] .masonry-grid{columns:3}}@media (max-width:768px){[data-theme=card-modern] .masonry-grid{columns:2}}@media (max-width:480px){[data-theme=card-modern] .masonry-grid{columns:1}}[data-theme=card-modern] .search-bar{background:var(--color-bg-glass);border:1px solid var(--color-border-default);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));padding:var(--spacing-4)var(--spacing-6);max-width:600px;margin:0 auto}[data-theme=card-modern] .search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}[data-theme=card-modern] .fab{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full);width:56px;height:56px;box-shadow:var(--shadow-glow);bottom:var(--spacing-8);right:var(--spacing-8);position:fixed}[data-theme=card-modern] .badge-trending{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:#fff;padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}
[data-theme=gradient-modern]{--font-display:"Clash Display","Satoshi",system-ui,sans-serif;--font-body:"Satoshi","General Sans",system-ui,sans-serif;--font-accent:"Cabinet Grotesk","Outfit",sans-serif;--color-bg-primary:#0f0c0a;--color-bg-secondary:#151210;--color-bg-tertiary:#1c1815;--color-bg-elevated:#242018;--color-bg-hover:#2c2720;--color-bg-active:#353028;--color-bg-card:#141110;--color-bg-card-hover:#1a1714;--color-bg-surface:#f9731608;--color-bg-glass:#0f0c0ae6;--color-bg-glass-strong:#0f0c0af2;--color-bg-overlay:#000000d9;--color-text-primary:#faf8f5;--color-text-secondary:#c4bfb5;--color-text-tertiary:#8a857a;--color-text-muted:#5a5650;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-active:#ea580c;--color-accent-light:#f9731626;--color-accent-subtle:#f9731614;--color-accent-muted:#f9731640;--color-accent-glow:#f9731680;--color-accent-contrast:#000;--color-secondary:#fbbf24;--color-secondary-hover:#fcd34d;--color-secondary-light:#fbbf2426;--color-secondary-glow:#fbbf2466;--color-tertiary:#f43f5e;--color-tertiary-light:#f43f5e26;--color-border-default:#f973161a;--color-border-hover:#f9731640;--color-border-subtle:#ffffff0d;--shadow-card:0 4px 24px #0006,0 0 0 1px #f973160d;--shadow-card-hover:0 20px 50px #00000080,0 0 40px #f9731626,0 0 0 1px #f9731633;--shadow-glow:0 0 50px #f9731659;--shadow-glow-lg:0 0 100px #f9731666;--radius-default:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--bg-gradient:radial-gradient(ellipse 100% 80% at 50% -40%,#f9731626 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 20% 100%,#fbbf2414 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,#f43f5e0d 0%,transparent 50%);--noise-opacity:.025;--grain-opacity:.04}[data-theme=gradient-modern] .hero{background:radial-gradient(ellipse at 50% -20%,#f9731633 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,#fbbf241a 0%,transparent 40%),radial-gradient(ellipse at 20% 60%,#f43f5e0f 0%,transparent 40%),var(--color-bg-primary);padding-top:var(--spacing-24);padding-bottom:var(--spacing-20)}[data-theme=gradient-modern] .hero-title{font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:var(--leading-tight);background:linear-gradient(135deg,var(--color-text-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=gradient-modern] .video-card{background:var(--color-bg-card);border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo);border:1px solid #0000;overflow:hidden}[data-theme=gradient-modern] .video-card:hover{border-color:var(--color-accent-muted);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}[data-theme=gradient-modern] .featured-card{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-card));border-radius:var(--radius-2xl);padding:var(--spacing-8);position:relative;overflow:hidden}[data-theme=gradient-modern] .featured-card:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-secondary),var(--color-tertiary));height:4px;position:absolute;top:0;left:0;right:0}[data-theme=gradient-modern] .btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,var(--color-secondary)100%);border-radius:var(--radius-lg);font-weight:var(--font-semibold);color:#000;border:none}[data-theme=gradient-modern] .btn-primary:hover{box-shadow:var(--shadow-glow);filter:brightness(1.1);transform:translateY(-2px)}[data-theme=gradient-modern] .btn-secondary{border:1px solid var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-lg);background:0 0}[data-theme=gradient-modern] .btn-secondary:hover{background:var(--color-accent-light);border-color:var(--color-accent)}[data-theme=gradient-modern] .badge-preserved{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));color:#000;font-weight:var(--font-semibold);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full)}[data-theme=gradient-modern] .broadcaster-card{background:linear-gradient(180deg,var(--color-bg-elevated),var(--color-bg-card));border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center}[data-theme=gradient-modern] .broadcaster-avatar{border-radius:var(--radius-full);border:3px solid var(--color-accent);width:80px;height:80px;box-shadow:0 0 30px var(--color-accent-glow)}[data-theme=gradient-modern] .section-divider{background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-secondary),transparent);height:2px;margin:var(--spacing-16)0}[data-theme=gradient-modern] .stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=gradient-modern] .category-pill{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-full);padding:var(--spacing-2)var(--spacing-4);transition:all .3s}[data-theme=gradient-modern] .category-pill:hover{background:var(--color-accent);border-color:var(--color-accent);color:#000}[data-theme=gradient-modern] header{background:linear-gradient(180deg,var(--color-bg-primary),transparent);border-bottom:none}[data-theme=gradient-modern] header.scrolled{background:var(--color-bg-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-bottom:1px solid var(--color-border-subtle)}[data-theme=gradient-modern] footer{background:linear-gradient(180deg,var(--color-bg-primary),var(--color-bg-secondary));border-top:1px solid var(--color-border-subtle)}
[data-theme=tube-style]{--font-display:"Outfit","Roboto",system-ui,sans-serif;--font-body:"Outfit","Roboto",system-ui,sans-serif;--font-accent:"Outfit","Roboto",sans-serif;--color-bg-primary:#0f0f0f;--color-bg-secondary:#151515;--color-bg-tertiary:#1a1a1a;--color-bg-elevated:#212121;--color-bg-hover:#272727;--color-bg-active:#2f2f2f;--color-bg-card:#181818;--color-bg-card-hover:#212121;--color-bg-surface:#ffffff05;--color-bg-glass:#151515f2;--color-bg-glass-strong:#0f0f0ffa;--color-bg-overlay:#000000e6;--color-text-primary:#fff;--color-text-secondary:#aaa;--color-text-tertiary:#717171;--color-text-muted:#505050;--color-accent:#f03;--color-accent-hover:#f35;--color-accent-active:#cc0029;--color-accent-light:#ff00331f;--color-accent-subtle:#ff00330f;--color-accent-muted:#f033;--color-accent-glow:#f036;--color-accent-contrast:#fff;--color-secondary:#3ea6ff;--color-secondary-hover:#65b8ff;--color-secondary-light:#3ea6ff1f;--color-secondary-glow:#3ea6ff66;--color-border-default:#ffffff1a;--color-border-hover:#fff3;--color-border-subtle:#ffffff0d;--shadow-card:0 1px 3px #0000004d;--shadow-card-hover:0 8px 24px #0006;--shadow-glow:0 0 20px #ff00334d;--radius-default:12px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--bg-gradient:none;--noise-opacity:0}[data-theme=tube-style] .hero{background:var(--color-bg-primary);padding:var(--spacing-8)0}[data-theme=tube-style] .video-card{border-radius:var(--radius-default);background:0 0;transition:all .2s;overflow:hidden}[data-theme=tube-style] .video-card:hover .video-thumbnail{border-radius:0}[data-theme=tube-style] .video-thumbnail{border-radius:var(--radius-default);transition:border-radius .2s}[data-theme=tube-style] .video-card:hover .watch-later{opacity:1}[data-theme=tube-style] .watch-later{top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm);opacity:0;background:#000c;transition:opacity .2s;position:absolute}[data-theme=tube-style] .duration-badge{bottom:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-0-5)var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);background:#000000d9;position:absolute}[data-theme=tube-style] .video-info{gap:var(--spacing-3);padding:var(--spacing-3)0;display:flex}[data-theme=tube-style] .channel-avatar{border-radius:var(--radius-full);flex-shrink:0;width:36px;height:36px}[data-theme=tube-style] .btn-subscribe{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-medium);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm)}[data-theme=tube-style] .btn-subscribe:hover{background:var(--color-accent-hover)}[data-theme=tube-style] .btn-subscribe.subscribed{background:var(--color-bg-hover);color:var(--color-text-primary)}[data-theme=tube-style] .action-btn{align-items:center;gap:var(--spacing-2);background:var(--color-bg-hover);border-radius:var(--radius-full);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm);display:flex}[data-theme=tube-style] .action-btn:hover{background:var(--color-bg-active)}[data-theme=tube-style] .action-btn.liked{color:var(--color-secondary)}[data-theme=tube-style] .filter-chip{background:var(--color-bg-hover);border-radius:var(--radius-default);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm);white-space:nowrap;border:none}[data-theme=tube-style] .filter-chip:hover{background:var(--color-bg-active)}[data-theme=tube-style] .filter-chip.active{background:var(--color-text-primary);color:var(--color-bg-primary)}[data-theme=tube-style] .sidebar{background:var(--color-bg-primary);width:240px;padding:var(--spacing-3)}[data-theme=tube-style] .nav-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-default);font-size:var(--text-sm);display:flex}[data-theme=tube-style] .nav-item:hover{background:var(--color-bg-hover)}[data-theme=tube-style] .nav-item.active{background:var(--color-bg-hover);font-weight:var(--font-medium)}[data-theme=tube-style] .channel-banner{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));border-radius:0 0 var(--radius-xl)var(--radius-xl);height:200px}[data-theme=tube-style] .channel-header{align-items:flex-end;gap:var(--spacing-6);padding:0 var(--container-padding);margin-top:-40px;display:flex}[data-theme=tube-style] .channel-avatar-large{border-radius:var(--radius-full);border:4px solid var(--color-bg-primary);width:160px;height:160px}[data-theme=tube-style] .comment{gap:var(--spacing-4);padding:var(--spacing-4)0;display:flex}[data-theme=tube-style] .comment-avatar{border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px}[data-theme=tube-style] .mini-player{bottom:var(--spacing-6);right:var(--spacing-6);background:var(--color-bg-elevated);border-radius:var(--radius-default);width:400px;box-shadow:var(--shadow-card-hover);z-index:var(--z-fixed);position:fixed;overflow:hidden}[data-theme=tube-style] .badge-short{background:var(--color-accent);color:#fff;padding:var(--spacing-0-5)var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-bold)}[data-theme=tube-style] .video-progress{background:var(--color-bg-active);height:4px}[data-theme=tube-style] .video-progress-bar{background:var(--color-accent);height:100%}
[data-theme=minimal-black]{--font-display:"Work Sans","Inter",system-ui,sans-serif;--font-body:"Work Sans","Inter",system-ui,sans-serif;--font-accent:"Work Sans","Inter",sans-serif;--color-bg-primary:#000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#111;--color-bg-elevated:#171717;--color-bg-hover:#1a1a1a;--color-bg-active:#222;--color-bg-card:#0d0d0d;--color-bg-card-hover:#141414;--color-bg-surface:#ffffff05;--color-bg-glass:#000000e6;--color-bg-glass-strong:#000000f2;--color-bg-overlay:#000000f2;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-tertiary:gray;--color-text-muted:#505050;--color-accent:#fff;--color-accent-hover:#f0f0f0;--color-accent-active:#e0e0e0;--color-accent-light:#ffffff1a;--color-accent-subtle:#ffffff0d;--color-accent-muted:#fff3;--color-accent-glow:#ffffff4d;--color-accent-contrast:#000;--color-secondary:gray;--color-secondary-hover:#999;--color-secondary-light:#80808026;--color-border-default:#ffffff1a;--color-border-hover:#fff3;--color-border-subtle:#ffffff0d;--shadow-card:none;--shadow-card-hover:0 20px 60px #00000080;--shadow-glow:0 0 1px #fffc;--radius-default:0;--radius-lg:2px;--radius-xl:4px;--radius-2xl:8px;--bg-gradient:none;--noise-opacity:0;--vignette:none}[data-theme=minimal-black] .hero{background:var(--color-bg-primary);padding:var(--spacing-32)0;text-align:center}[data-theme=minimal-black] .hero-title{font-size:var(--text-7xl);font-weight:var(--font-light);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}[data-theme=minimal-black] .hero-subtitle{font-size:var(--text-lg);color:var(--color-text-tertiary);margin-top:var(--spacing-6);font-weight:var(--font-light)}[data-theme=minimal-black] .video-card{background:var(--color-bg-card);transition:opacity .3s;overflow:hidden}[data-theme=minimal-black] .video-card:hover{opacity:.8}[data-theme=minimal-black] .video-thumbnail{aspect-ratio:16/9}[data-theme=minimal-black] .video-title{font-weight:var(--font-normal);font-size:var(--text-sm);margin-top:var(--spacing-3);line-height:var(--leading-snug)}[data-theme=minimal-black] .video-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}[data-theme=minimal-black] .btn-primary{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--text-xs);padding:var(--spacing-3)var(--spacing-6);border:none}[data-theme=minimal-black] .btn-primary:hover{background:var(--color-accent-hover)}[data-theme=minimal-black] .btn-secondary{border:1px solid var(--color-border-default);color:var(--color-text-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);background:0 0}[data-theme=minimal-black] .btn-secondary:hover{border-color:var(--color-text-primary)}[data-theme=minimal-black] .video-grid{gap:var(--spacing-1);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){[data-theme=minimal-black] .video-grid{gap:var(--spacing-2)}}@media (min-width:1200px){[data-theme=minimal-black] .video-grid{grid-template-columns:repeat(3,1fr)}}[data-theme=minimal-black] .section-title{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-text-tertiary);margin-bottom:var(--spacing-8)}[data-theme=minimal-black] .divider{background:var(--color-border-subtle);height:1px;margin:var(--spacing-16)0}[data-theme=minimal-black] header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-4)0}[data-theme=minimal-black] .logo{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase}[data-theme=minimal-black] .nav-link{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary);padding:var(--spacing-2)var(--spacing-4)}[data-theme=minimal-black] .nav-link:hover,[data-theme=minimal-black] .nav-link.active{color:var(--color-text-primary)}[data-theme=minimal-black] .search-bar{border:none;border-bottom:1px solid var(--color-border-default);padding:var(--spacing-3)0;font-size:var(--text-sm);background:0 0;border-radius:0}[data-theme=minimal-black] .search-bar:focus{border-color:var(--color-text-primary);box-shadow:none}[data-theme=minimal-black] .tag{border:1px solid var(--color-border-default);color:var(--color-text-tertiary);font-size:var(--text-xs);padding:var(--spacing-1)var(--spacing-3);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:0 0}[data-theme=minimal-black] .tag:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}[data-theme=minimal-black] footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border-subtle);padding:var(--spacing-8)0;text-align:center}[data-theme=minimal-black] footer a{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary);margin:0 var(--spacing-4)}[data-theme=minimal-black] footer a:hover{color:var(--color-text-primary)}[data-theme=minimal-black] .pagination{gap:var(--spacing-1);margin-top:var(--spacing-12);justify-content:center;display:flex}[data-theme=minimal-black] .pagination-btn{width:40px;height:40px;font-size:var(--text-sm);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}[data-theme=minimal-black] .pagination-btn:hover,[data-theme=minimal-black] .pagination-btn.active{color:var(--color-text-primary)}
[data-theme=premium-gold]{--font-display:"Cormorant Garamond","Playfair Display",Georgia,serif;--font-body:"Outfit","Poppins",system-ui,sans-serif;--font-accent:"Bebas Neue","Oswald",sans-serif;--color-bg-primary:#06050a;--color-bg-secondary:#0a090f;--color-bg-tertiary:#100f15;--color-bg-elevated:#161520;--color-bg-hover:#1c1b25;--color-bg-active:#24222e;--color-bg-card:#0c0b12;--color-bg-card-hover:#121118;--color-bg-surface:#d4a41805;--color-bg-glass:#06050af2;--color-bg-glass-strong:#06050afa;--color-bg-overlay:#000000e6;--color-text-primary:#faf8f5;--color-text-secondary:#c4bba8;--color-text-tertiary:#8a847a;--color-text-muted:#5a5550;--color-accent:#d4a418;--color-accent-hover:#e8b82a;--color-accent-active:#b8910e;--color-accent-light:#d4a4181f;--color-accent-subtle:#d4a4180d;--color-accent-muted:#d4a41840;--color-accent-glow:#d4a41866;--color-accent-contrast:#000;--color-secondary:#f5e6c8;--color-secondary-hover:#fff3dd;--color-secondary-light:#f5e6c81f;--color-secondary-glow:#f5e6c84d;--color-tertiary:#c99b7a;--color-tertiary-light:#c99b7a26;--color-border-default:#d4a4181f;--color-border-hover:#d4a4184d;--color-border-subtle:#d4a4180f;--color-border-strong:#d4a41880;--shadow-card:0 4px 24px #00000080,0 0 0 1px #d4a41814;--shadow-card-hover:0 20px 60px #0009,0 0 50px #d4a41826,0 0 0 1px #d4a4184d;--shadow-glow:0 0 50px #d4a4184d;--shadow-glow-lg:0 0 100px #d4a41866;--shadow-glow-text:0 0 20px #d4a41880;--radius-default:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--bg-gradient:radial-gradient(ellipse 100% 60% at 50% -30%,#d4a41814 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#c99b7a0d 0%,transparent 50%);--noise-opacity:.02;--pattern-luxury:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a418' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}[data-theme=premium-gold] body:after{content:"";background:var(--pattern-luxury);pointer-events:none;z-index:0;position:fixed;inset:0}[data-theme=premium-gold] .hero{background:radial-gradient(ellipse at 50% 0%,#d4a41826 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,#c99b7a14 0%,transparent 40%),var(--color-bg-primary);padding:var(--spacing-32)0;text-align:center;position:relative}[data-theme=premium-gold] .hero-title{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--font-light);letter-spacing:var(--tracking-wide);color:var(--color-accent);text-shadow:var(--shadow-glow-text)}[data-theme=premium-gold] .hero-badge{align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--color-accent),gold);color:#000;padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--spacing-6);display:inline-flex}[data-theme=premium-gold] .video-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}[data-theme=premium-gold] .video-card:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent),transparent,var(--color-accent))border-box;-webkit-mask-composite:xor;opacity:0;border:1px solid #0000;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-theme=premium-gold] .video-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}[data-theme=premium-gold] .video-card:hover:before{opacity:1}[data-theme=premium-gold] .badge-vip{background:linear-gradient(135deg,var(--color-accent),gold);color:#000;font-weight:var(--font-bold);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}[data-theme=premium-gold] .badge-premium{border:1px solid var(--color-accent);color:var(--color-accent);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);background:0 0}[data-theme=premium-gold] .btn-primary{background:linear-gradient(135deg,var(--color-accent)0%,gold 50%,var(--color-accent)100%);color:#000;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-default);background-size:200% 100%;border:none;transition:all .4s}[data-theme=premium-gold] .btn-primary:hover{box-shadow:var(--shadow-glow);background-position:100% 0}[data-theme=premium-gold] .btn-secondary{border:1px solid var(--color-accent);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-default);background:0 0}[data-theme=premium-gold] .btn-secondary:hover{background:var(--color-accent-light);box-shadow:var(--shadow-glow)}[data-theme=premium-gold] .star-rating{color:var(--color-accent);text-shadow:0 0 10px var(--color-accent-glow)}[data-theme=premium-gold] .section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);color:var(--color-accent);text-align:center;margin-bottom:var(--spacing-12)}[data-theme=premium-gold] .section-title:after{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);width:60px;height:2px;margin:var(--spacing-4)auto 0;display:block}[data-theme=premium-gold] .divider{background:linear-gradient(90deg,transparent,var(--color-border-hover),transparent);height:1px;margin:var(--spacing-16)0}[data-theme=premium-gold] header{background:var(--color-bg-glass-strong);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass))}[data-theme=premium-gold] .logo{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent);letter-spacing:var(--tracking-wide)}[data-theme=premium-gold] .nav-link{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}[data-theme=premium-gold] .nav-link:hover,[data-theme=premium-gold] .nav-link.active{color:var(--color-accent)}[data-theme=premium-gold] .member-card{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-card));border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;overflow:hidden}[data-theme=premium-gold] .member-card:before{content:"";background:linear-gradient(90deg,var(--color-accent),gold,var(--color-accent));height:3px;position:absolute;top:0;left:0;right:0}[data-theme=premium-gold] footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);padding:var(--spacing-12)0}[data-theme=premium-gold] footer .logo{font-family:var(--font-display);color:var(--color-accent)}
[data-theme=retro-vintage]{--font-display:"Orbitron","Audiowide",system-ui,sans-serif;--font-body:"Space Mono","VT323",monospace;--font-accent:"Bebas Neue","Press Start 2P",sans-serif;--color-bg-primary:#0a0a1a;--color-bg-secondary:#0e0e24;--color-bg-tertiary:#14142e;--color-bg-elevated:#1a1a38;--color-bg-hover:#202045;--color-bg-active:#282855;--color-bg-card:#0c0c20;--color-bg-card-hover:#121230;--color-bg-surface:#f472b608;--color-bg-glass:#0a0a1af2;--color-bg-glass-strong:#0a0a1afa;--color-bg-overlay:#000000e6;--color-text-primary:#f0e6ff;--color-text-secondary:#a8a0c8;--color-text-tertiary:#7a7298;--color-text-muted:#524a70;--color-accent:#f472b6;--color-accent-hover:#f9a8d4;--color-accent-active:#ec4899;--color-accent-light:#f472b626;--color-accent-subtle:#f472b614;--color-accent-muted:#f472b640;--color-accent-glow:#f472b699;--color-accent-contrast:#000;--color-secondary:#22d3ee;--color-secondary-hover:#67e8f9;--color-secondary-light:#22d3ee26;--color-secondary-glow:#22d3ee80;--color-tertiary:#a855f7;--color-tertiary-light:#a855f726;--color-tertiary-glow:#a855f780;--color-border-default:#f472b626;--color-border-hover:#f472b666;--color-border-subtle:#f472b614;--shadow-card:0 4px 20px #0006,0 0 0 1px #f472b61a;--shadow-card-hover:0 20px 50px #00000080,0 0 40px #f472b633,0 0 0 1px #f472b666;--shadow-glow:0 0 20px #f472b666,0 0 40px #f472b633;--shadow-glow-lg:0 0 40px #f472b680,0 0 80px #f472b64d;--shadow-glow-text:0 0 10px #f472b6cc,0 0 20px #f472b680;--shadow-glow-cyan:0 0 20px #22d3ee80,0 0 40px #22d3ee4d;--radius-default:4px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--bg-gradient:radial-gradient(ellipse 100% 50% at 50% -20%,#f472b626 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 20% 80%,#22d3ee14 0%,transparent 50%),radial-gradient(ellipse 60% 30% at 80% 70%,#a855f714 0%,transparent 50%);--noise-opacity:.03;--scanline-gradient:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,transparent 1px,transparent 2px);--grid-pattern:linear-gradient(#f472b608 1px,transparent 1px),linear-gradient(90deg,#f472b608 1px,transparent 1px)}[data-theme=retro-vintage] body:before{content:"";background:var(--scanline-gradient);pointer-events:none;z-index:9998;opacity:.5;position:fixed;inset:0}[data-theme=retro-vintage] body:after{content:"";background:var(--grid-pattern);pointer-events:none;z-index:0;opacity:.5;background-size:60px 60px;position:fixed;inset:0}[data-theme=retro-vintage] .hero{background:radial-gradient(ellipse at 50% 0%,#f472b633 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,#22d3ee1a 0%,transparent 40%),radial-gradient(ellipse at 70% 70%,#a855f71a 0%,transparent 40%),var(--color-bg-primary);padding:var(--spacing-24)0;text-align:center}[data-theme=retro-vintage] .hero-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-accent);text-shadow:var(--shadow-glow-text);animation:3s infinite neonFlicker}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}[data-theme=retro-vintage] .hero-subtitle{font-family:var(--font-body);color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary-glow);letter-spacing:var(--tracking-wide)}[data-theme=retro-vintage] .video-card{background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-default);transition:all .3s;position:relative;overflow:hidden}[data-theme=retro-vintage] .video-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#f472b61a 50%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}[data-theme=retro-vintage] .video-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover)}[data-theme=retro-vintage] .video-card:hover:after{opacity:1;animation:2s linear infinite scanDown}@keyframes scanDown{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}[data-theme=retro-vintage] .btn-primary{border:2px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-default);background:0 0;position:relative;overflow:hidden}[data-theme=retro-vintage] .btn-primary:before{content:"";background:var(--color-accent);opacity:0;transition:opacity .3s;position:absolute;inset:0}[data-theme=retro-vintage] .btn-primary:hover{color:#000;box-shadow:var(--shadow-glow)}[data-theme=retro-vintage] .btn-primary:hover:before{opacity:1}[data-theme=retro-vintage] .btn-primary span{z-index:1;position:relative}[data-theme=retro-vintage] .btn-secondary{border:2px solid var(--color-secondary);color:var(--color-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-wider);background:0 0}[data-theme=retro-vintage] .btn-secondary:hover{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-glow-cyan)}[data-theme=retro-vintage] .badge-classic{background:linear-gradient(135deg,var(--color-accent),var(--color-tertiary));color:#000;font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-sm)}[data-theme=retro-vintage] .section-title{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);text-shadow:var(--shadow-glow-text);text-align:center;margin-bottom:var(--spacing-10)}[data-theme=retro-vintage] .divider{background:linear-gradient(90deg,transparent,var(--color-secondary),var(--color-accent),var(--color-tertiary),transparent);height:2px;box-shadow:0 0 10px var(--color-accent-glow);margin:var(--spacing-16)0}[data-theme=retro-vintage] .tag{border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:0 0}[data-theme=retro-vintage] .tag:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow)}[data-theme=retro-vintage] header{background:var(--color-bg-glass-strong);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(var(--blur-backdrop));backdrop-filter:blur(var(--blur-backdrop))}[data-theme=retro-vintage] .logo{font-family:var(--font-display);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-accent);text-shadow:var(--shadow-glow-text)}[data-theme=retro-vintage] .nav-link{font-family:var(--font-body);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}[data-theme=retro-vintage] .nav-link:hover,[data-theme=retro-vintage] .nav-link.active{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary-glow)}[data-theme=retro-vintage] .stat-value{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-secondary);text-shadow:var(--shadow-glow-cyan)}[data-theme=retro-vintage] footer{background:linear-gradient(180deg,var(--color-bg-primary),#050510);border-top:1px solid var(--color-border-default);padding:var(--spacing-12)0}[data-theme=retro-vintage] footer:before{content:"";background:linear-gradient(90deg,var(--color-accent),var(--color-secondary),var(--color-tertiary));height:2px;box-shadow:0 0 20px var(--color-accent-glow);margin-bottom:var(--spacing-8);display:block}

html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:var(--bg-gradient,none);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}body>:first-child:before{content:"";opacity:var(--noise-opacity,.025);pointer-events:none;z-index:9998;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{padding-top:var(--header-height);z-index:2;flex:1;position:relative}@media (max-width:768px){.main-content{padding-top:var(--header-height-mobile)}}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--container-padding);margin:0 auto}.container-narrow{max-width:var(--content-narrow-width)}.container-wide{max-width:var(--content-wide-width)}.container-fluid{max-width:100%}.video-grid{gap:var(--grid-gap);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:480px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.video-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1680px){.video-grid{grid-template-columns:repeat(6,1fr)}}.model-grid{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:480px){.model-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.model-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.model-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1440px){.model-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1680px){.model-grid{grid-template-columns:repeat(7,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow-sm);filter:brightness()}50%{box-shadow:var(--shadow-glow);filter:brightness(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes borderGlow{0%,to{border-color:var(--color-accent);box-shadow:0 0 5px var(--color-accent-glow)}50%{border-color:var(--color-accent-hover);box-shadow:0 0 20px var(--color-accent-glow)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px var(--color-accent-glow)}50%{text-shadow:0 0 20px var(--color-accent-glow),0 0 40px var(--color-accent-glow)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)0%,var(--color-bg-hover)20%,var(--color-bg-tertiary)40%,var(--color-bg-tertiary)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:var(--radius-sm);height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:80%}.skeleton-avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton-thumbnail{aspect-ratio:16/9;border-radius:var(--radius-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-hover)var(--color-bg-secondary)}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}input,textarea,select{width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:inherit;font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-hover)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{color:var(--color-accent-contrast);background:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow-sm);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-surface)}.btn-sm{padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-4)var(--spacing-8);font-size:var(--text-md)}.btn-xl{padding:var(--spacing-5)var(--spacing-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);transition:transform .5s,opacity .3s;position:absolute;inset:0;transform:scale(0)}.btn:active:after{opacity:1;transition:all;transform:scale(2)}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-2xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.badge-hd{background:var(--color-hd);color:#fff}.badge-4k{background:var(--color-4k);color:#fff}.badge-live{background:var(--color-live);color:#fff;animation:2s infinite pulse}.badge-new{background:var(--color-new);color:#fff}.badge-premium{background:linear-gradient(135deg,var(--color-premium),gold);color:#000}.badge-vip{background:linear-gradient(135deg,var(--color-vip),gold);color:#000}@media (max-width:480px){.hide-xs{display:none!important}}@media (max-width:768px){.hide-sm,.hide-mobile{display:none!important}}@media (max-width:1024px){.hide-md{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (min-width:481px){.show-xs-only{display:none!important}}.stagger-children>*{animation:fadeInUp .6s var(--ease-out-expo)forwards;opacity:0}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.stagger-children>:nth-child(11){animation-delay:.55s}.stagger-children>:nth-child(12){animation-delay:.6s}.stagger-children>:nth-child(n+13){animation-delay:.65s}.stagger-scale>*{animation:scaleIn .5s var(--ease-out-expo)forwards;opacity:0}.glass{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(var(--blur-backdrop));border:1px solid var(--color-border-subtle)}.glass-strong{background:var(--color-bg-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-border-default)}.gradient-text{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary),var(--color-accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradientShift}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-portrait{aspect-ratio:3/4}.aspect-poster{aspect-ratio:2/3}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading{pointer-events:none;position:relative}.loading:after{content:"";background:var(--color-bg-overlay);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:2px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}@media print{body{color:#000;background:#fff}header,footer,.no-print{display:none!important}}