:root{--foreground:240,240,240;--background:10,10,10;--primary:168,85,247;--primary-dark:147,51,234;--primary-light:216,180,254;--accent:20,184,166;--success:34,197,94;--success-dark:22,163,74;--card-bg:26,27,30;--border:40,40,45;--code-bg:20,20,25;--shadow-color:0,0,0;--shadow-strength:0.25;--header-height:70px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;min-height:100vh}body{color:rgb(var(--foreground));background-color:rgb(var(--background));background-image:radial-gradient(circle at 15% 50%,rgba(var(--primary),.03) 0,transparent 25%),radial-gradient(circle at 85% 30%,rgba(var(--accent),.03) 0,transparent 30%);font-family:var(--font-inter),"Inter var",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;line-height:1.6;font-feature-settings:"ss01","ss02","cv01","cv03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:rgba(var(--primary),.9)}code,pre{font-family:var(--font-mono),"JetBrains Mono",Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;background-color:rgba(var(--code-bg),.6);border-radius:4px;padding:.2em .4em;font-size:.9em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(var(--background),.8)}::-webkit-scrollbar-thumb{background:rgba(var(--primary),.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary),.7)}@keyframes gradientRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes pulseGlow{0%,to{box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(var(--primary),.1),inset 0 1px 0 rgba(255,255,255,.05)}50%{box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 1px rgba(var(--primary),.2),inset 0 1px 0 rgba(255,255,255,.08),0 0 30px rgba(var(--primary),.15)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.video-controls{transition:opacity .2s cubic-bezier(.4,0,.2,1);will-change:opacity;transform:translateZ(0)}.video-controls,.video-mobile-controls{contain:layout style}@supports (padding:env(safe-area-inset-bottom)){.video-controls,.video-mobile-controls{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.video-container{contain:layout style paint}@media (hover:none) and (pointer:coarse){.control-btn{-webkit-tap-highlight-color:transparent}.control-btn:active{transform:scale(.92)!important;opacity:.7}.video-card-modern,.video-card-modern:before{animation:none}}.thumbnail-error .thumbnail-fallback{display:flex!important}.main-content-with-header{padding-top:var(--header-height)}.content-container{min-height:calc(100vh - var(--header-height));position:relative}.app-layout{display:flex;flex-direction:column;min-height:100vh}header{flex-shrink:0}main{flex:1 1;padding-top:var(--header-height)}.video-card-modern{animation:pulseGlow 6s ease-in-out infinite;will-change:box-shadow}.video-card-modern:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 16px 48px rgba(0,0,0,.6),0 0 0 1px rgba(var(--primary),.3),inset 0 1px 0 rgba(255,255,255,.1),0 0 60px rgba(var(--primary),.2)}.video-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(var(--primary),.4),rgba(var(--accent),.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:gradientRotate 8s linear infinite;opacity:.6}.video-card-modern:hover:before{opacity:1}