:root,[data-theme=dark]{--bg-space:#070a13;--bg-deep:#0c101d;--bg-surface:#101626;--bg-card:#101726c7;--bg-card-hover:#1a263ed9;--bg-elevated:#162033;--bg-glass:#101726b8;--bg-input:#0e1422bf;--bg-header:#0b101cd9;--border-subtle:#ffffff12;--border-glass:#ffffff1f;--border-hover:#fff3;--border-highlight:#00f59b66;--border-cyan:#06b6d466;--border-purple:#a855f766;--gem-green:#00f59b;--gem-green-dim:#10b981;--gem-green-glow:#00f59b38;--gem-green-bg:#00f59b1f;--gem-green-border:#00f59b59;--cyan-bright:#00d2ff;--cyan-dim:#06b6d4;--cyan-glow:#00d2ff33;--cyan-bg:#06b6d41f;--cyan-border:#06b6d459;--purple-neon:#a855f7;--purple-glow:#a855f738;--purple-bg:#a855f71f;--purple-border:#a855f759;--gold-gem:#f59e0b;--gold-glow:#f59e0b38;--gold-bg:#f59e0b1f;--gold-border:#f59e0b59;--red-danger:#f43f5e;--red-glow:#f43f5e38;--red-bg:#f43f5e1f;--red-border:#f43f5e59;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dark:#334155;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-lg:0 12px 36px -4px #000000a6, 0 0 20px -2px #00f59b14;--shadow-card:0 4px 20px #00000059;--shadow-glow:0 0 25px #00f59b26;--modal-backdrop:#05070fd9;--scrollbar-track:#0c101d;--scrollbar-thumb:#1e293b;--scrollbar-hover:#334155;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px}[data-theme=light]{--bg-space:#f8fafc;--bg-deep:#f1f5f9;--bg-surface:#fff;--bg-card:#fffffff0;--bg-card-hover:#f1f5f9;--bg-elevated:#f1f5f9;--bg-glass:#ffffffe6;--bg-input:#fff;--bg-header:#ffffffeb;--border-subtle:#e2e8f0f2;--border-glass:#cbd5e1d9;--border-hover:#94a3b880;--border-highlight:#05966973;--border-cyan:#0284c766;--border-purple:#7c3aed66;--gem-green:#059669;--gem-green-dim:#047857;--gem-green-glow:#05966926;--gem-green-bg:#05966914;--gem-green-border:#05966959;--cyan-bright:#0284c7;--cyan-dim:#0369a1;--cyan-glow:#0284c726;--cyan-bg:#0284c714;--cyan-border:#0284c759;--purple-neon:#7c3aed;--purple-glow:#7c3aed26;--purple-bg:#7c3aed14;--purple-border:#7c3aed59;--gold-gem:#d97706;--gold-glow:#d9770626;--gold-bg:#d9770614;--gold-border:#d9770659;--red-danger:#e11d48;--red-glow:#e11d4826;--red-bg:#e11d4814;--red-border:#e11d4859;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dark:#94a3b8;--shadow-lg:0 10px 30px -4px #0f172a14, 0 4px 6px -2px #0f172a0a;--shadow-card:0 2px 14px #0f172a0f;--shadow-glow:0 0 20px #0596691f;--modal-backdrop:#0f172aa6;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .15s}body{font-family:var(--font-main);background-color:var(--bg-space);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}[data-theme=dark] body,body:not([data-theme=light]){background-image:radial-gradient(ellipse at 15% 10%, #10b98112 0%, transparent 45%), radial-gradient(ellipse at 85% 15%, #8b5cf612 0%, transparent 45%), radial-gradient(ellipse at 50% 85%, #06b6d40d 0%, transparent 55%), linear-gradient(180deg, var(--bg-space) 0%, #090e1a 100%)}[data-theme=light] body{background-image:radial-gradient(at 15% 10%,#0596690a 0%,#0000 45%),radial-gradient(at 85% 15%,#7c3aed0a 0%,#0000 45%),radial-gradient(at 50% 85%,#0284c708 0%,#0000 55%),linear-gradient(#f8fafc 0%,#f1f5f9 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s,transform .2s}.glass-panel:hover{border-color:var(--border-hover)}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;transition:all .18s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}input,select,textarea{font-family:var(--font-main);border:1px solid var(--border-glass);background:var(--bg-input);color:var(--text-main);outline:none;transition:all .2s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--gem-green-dim);box-shadow:0 0 0 3px var(--gem-green-glow)}.pulse-dot{background-color:var(--gem-green);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";background-color:var(--gem-green);opacity:.5;border-radius:50%;width:16px;height:16px;animation:2s ease-out infinite radar-pulse;position:absolute;top:-4px;left:-4px}@keyframes radar-pulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.text-gradient-gem{background:linear-gradient(135deg, var(--gem-green) 0%, var(--cyan-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-fire{background:linear-gradient(135deg, var(--gold-gem) 0%, #f97316 50%, var(--red-danger) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, var(--purple-neon) 0%, #818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.theme-toggle-btn{border-radius:var(--radius-md);background:var(--bg-surface);width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-glass);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-toggle-btn:hover{color:var(--text-main);border-color:var(--gem-green-dim);box-shadow:0 0 12px var(--gem-green-glow);transform:translateY(-1px)}[data-tooltip]{position:relative}[data-tooltip]:hover:before{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-main);white-space:nowrap;border:1px solid var(--border-glass);z-index:1000;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:500;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #00000040}
