:root{--bg-primary: #06060e;--bg-secondary: #0d0d1a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .06);--border-active: rgba(139, 92, 246, .4);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #8b5cf6;--accent-light: #a78bfa;--accent-glow: rgba(139, 92, 246, .15);--green: #10b981;--green-bg: rgba(16, 185, 129, .1);--red: #ef4444;--red-bg: rgba(239, 68, 68, .1);--gold: #f59e0b;--gold-bg: rgba(245, 158, 11, .1);--blue: #3b82f6;--blue-bg: rgba(59, 130, 246, .1);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:calc(72px + var(--safe-bottom));padding-top:var(--safe-top);position:relative}#root{min-height:100vh;min-height:100dvh;position:relative}@media (max-width: 768px){html{font-size:15px}body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}@media (max-width: 375px){html{font-size:14px}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-hover{transition:background .2s ease}.glass-hover:hover,.glass-hover:active{background:var(--bg-card-hover)}@media (hover: none){.glass-hover:active{transform:scale(.98);transition:transform .1s ease}}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:0 0 40px var(--accent-glow),0 0 80px #8b5cf60d}@media (max-width: 768px){.glow{box-shadow:0 0 20px var(--accent-glow)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media (prefers-reduced-motion: reduce){.pulse-dot{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.04) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.fade-in-delay-1{animation-delay:.05s;opacity:0}.fade-in-delay-2{animation-delay:.1s;opacity:0}.fade-in-delay-3{animation-delay:.15s;opacity:0}.fade-in-delay-4{animation-delay:.2s;opacity:0}input,textarea,select{font-size:16px!important;-webkit-appearance:none;border-radius:var(--radius-sm)}input:focus,textarea:focus{outline:none;border-color:var(--accent)}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:active{opacity:.8}.no-select{user-select:none;-webkit-user-select:none}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}@media (max-width: 768px){.bottom-nav{padding-bottom:calc(8px + var(--safe-bottom))}}.loading{pointer-events:none;opacity:.7}.error{color:var(--red)}.success{color:var(--green)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 480px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important}}@media (min-width: 769px){.desktop-hide{display:none!important}}