:root{--brand-bg: #050507;--brand-surface: #0d0d10;--brand-surface-elevated: #14141a;--brand-surface-card: #111116;--brand-primary: #e11d48;--brand-primary-hover: #f43f5e;--brand-orange: #f97316;--brand-purple: #c026d3;--brand-accent: #00e5ff;--brand-cyan: #38bdf8;--brand-gradient: linear-gradient(135deg, #f97316 0%, #e11d48 50%, #c026d3 100%);--brand-gradient-hover: linear-gradient(135deg, #fb923c 0%, #f43f5e 50%, #d946ef 100%);--brand-border: rgba(255, 255, 255, .08);--brand-border-hover: rgba(249, 115, 22, .35);--brand-glow: 0 0 24px rgba(225, 29, 72, .35);--navbar-height: 64px;--bottomnav-height: 60px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overflow-y:auto!important;scroll-behavior:smooth;height:auto;-webkit-overflow-scrolling:touch}body{margin:0;padding:0;background-color:var(--brand-bg);background:radial-gradient(ellipse 120% 80% at 50% -20%,#111117,#050507 70%);color:#fff;min-height:100vh;height:auto!important;overflow-x:hidden;overflow-y:auto!important;position:relative!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}body.modal-open{overflow:hidden}#root{min-height:100vh;overflow-x:hidden;overflow-y:visible}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}@keyframes pulse-rose{0%{transform:scale(.95);box-shadow:0 0 #e11d48cc}70%{transform:scale(1);box-shadow:0 0 0 8px #e11d4800}to{transform:scale(.95);box-shadow:0 0 #e11d4800}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.live-dot{width:8px;height:8px;background-color:var(--brand-primary);border-radius:50%;display:inline-block;animation:pulse-rose 1.8s infinite}.yt-glass-panel{background:#0d0d10bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08)}.yt-brand-gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yt-hover-scale{transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s ease,border-color .22s ease;will-change:transform}.yt-hover-scale:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #000000b3,0 0 15px #e11d4833;border-color:#e11d4866}.shimmer-loading{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.scroll-x-hidden{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-x-hidden::-webkit-scrollbar{display:none}.clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-in{animation:fadeInUp .4s cubic-bezier(.2,0,0,1) both}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}