:root{--bg:#0f172a;--bg-alt:#0d1526;--surface-1:#ffffff0a;--surface-2:#ffffff12;--surface-3:#ffffff1a;--surface-solid-1:#111827;--surface-solid-2:#1e293b;--surface-solid-3:#162033;--glass:#ffffff0d;--glass-med:#ffffff17;--glass-strong:#ffffff24;--border:#ffffff17;--border-subtle:#ffffff0d;--border-active:#06b6d47a;--accent:#06b6d4;--accent-light:#22d3ee;--accent-dark:#0891b2;--accent-bg:#06b6d41a;--gold:#06b6d4;--gold-bg:#06b6d41a;--red:#f43f5e;--green:#10b981;--white:#fff;--text-1:#f8fafc;--text-2:#94a3b8;--text-3:#475569;--text-4:#334155;--tv-scale:1;--tv-transition-speed:.3s;--tv-border-radius:16px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;background-color:#0f172a;width:100%;height:-webkit-fill-available;overflow:hidden scroll}body{color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;will-change:scroll-position;touch-action:manipulation;overscroll-behavior:contain;background-color:#0f172a;min-height:-webkit-fill-available;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow:hidden auto;transform:translateZ(0)}#root{width:100%;min-height:100vh;background-color:#0f172a;flex-direction:column;min-height:-webkit-fill-available;display:flex;position:relative;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff17}.glass-med{-webkit-backdrop-filter:blur(16px);background:#ffffff17;border:1px solid #ffffff1f}.glass-strong{-webkit-backdrop-filter:blur(24px);background:#ffffff24;border:1px solid #ffffff2e}.glass-accent{-webkit-backdrop-filter:blur(12px);background:#06b6d414;border:1px solid #06b6d438}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a66;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(#06b6d4,#0891b2);border-radius:3px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#22d3ee,#06b6d4)}::-webkit-scrollbar-corner{background:0 0}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;min-width:44px;min-height:44px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (width<=640px){html{font-size:14px}input,select,textarea{font-size:16px!important}}@media (width>=641px) and (width<=1024px){html{font-size:15px}}@media (width<=768px){body{overscroll-behavior-y:none}}@media (height<=500px) and (orientation:landscape){body{overflow-y:auto}}@supports (padding:env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.animate-scale-in{animation:.25s cubic-bezier(.4,0,.2,1) scaleIn}.loading-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.hover-lift{transition:transform var(--tv-transition-speed)ease,box-shadow var(--tv-transition-speed)ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0006}.hover-glow{transition:box-shadow var(--tv-transition-speed)ease,transform var(--tv-transition-speed)ease}.hover-glow:hover{transform:translateY(-2px);box-shadow:0 0 20px #06b6d466}.transition-smooth{transition:all var(--tv-transition-speed)cubic-bezier(.4,0,.2,1)}.transition-smooth-fast{transition:all .15s cubic-bezier(.4,0,.2,1)}img,video{max-width:100%;height:auto;display:block}canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){button,a{border:2px solid}}