@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");:root{--primary:#8b5cf6;--primary-glow:rgba(139,92,246,.5);--secondary:#06b6d4;--secondary-glow:rgba(6,182,212,.5);--dark:#030014;--dark-card:#0f0b29;--text:#fff;--text-muted:#94a3b8;--border:hsla(0,0%,100%,.1);--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:rgba(24,24,27,.8);--bg-input:rgba(9,9,11,.8);--text-primary:#fafafa;--text-secondary:#a1a1aa;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-muted:rgba(139,92,246,.1);--border-hover:rgba(139,92,246,.3);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#06b6d4;--gradient-primary:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-secondary:linear-gradient(135deg,#1e1b4b,#030014);--font-family:"Outfit",sans-serif}.skymarker-root{font-family:var(--font-family,"Outfit",sans-serif);background-color:var(--bg-primary,var(--dark));color:var(--text-primary,var(--text));min-height:100vh;transition:background-color .3s ease,color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.float{animation:float 6s ease-in-out infinite}.fade-in{animation:fadeIn .5s ease}.slide-in{animation:slide-in .4s ease}.input-box{background:var(--bg-input,var(--dark-card));border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary,#fff);width:100%;font-family:inherit;font-size:14px;outline:none;transition:all .3s ease}.input-box:focus{border-color:var(--accent,var(--primary));box-shadow:0 0 0 3px var(--accent-muted)}.input-box::placeholder{color:var(--text-muted)}.btn-primary{background:var(--gradient-primary,linear-gradient(135deg,var(--primary),#6366f1));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-muted,rgba(139,92,246,.3))}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .3s ease}.card:hover{border-color:var(--border-hover);box-shadow:0 8px 30px rgba(0,0,0,.2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary,rgba(3,0,20,.5));border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-muted,rgba(139,92,246,.3));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent,rgba(139,92,246,.5))}input[type=range]{-webkit-appearance:none;height:8px;border-radius:4px;background:var(--bg-input);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff}.status-success{color:var(--success)}.status-warning{color:var(--warning)}.status-error{color:var(--error)}.status-info{color:var(--info)}.bg-success{background:var(--success)}.bg-warning{background:var(--warning)}.bg-error{background:var(--error)}.bg-info{background:var(--info)}.glass{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-muted);color:var(--text-primary)}