@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--background:#09090b;--surface:#18181b99;--surface-border:#ffffff0d;--surface-highlight:#ffffff14;--primary:#8a2be2;--primary-hover:#9b4dca;--accent:#00f2fe;--text-main:#f8fafc;--text-muted:#8b92a5;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--background);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}body:before,body:after{content:"";filter:blur(140px);z-index:-1;opacity:.6;border-radius:50%;animation:25s ease-in-out infinite alternate float;position:fixed}body:before{background:radial-gradient(circle,#8a2be214 0%,#0000 70%);width:700px;height:700px;top:-200px;left:-200px}body:after{background:radial-gradient(circle,#00f2fe0d 0%,#0000 70%);width:600px;height:600px;animation-delay:-5s;bottom:-200px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.05)}to{transform:translate(-20px,60px)scale(.95)}}.container{max-width:1400px;margin:0 auto;padding:0 20px}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--surface-border);border-radius:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff05}.glass-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.glass-button:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.glass-button:active{transform:translateY(0)}.glass-button.primary{background:linear-gradient(135deg, var(--primary), #5a189a);border:none;box-shadow:0 6px 20px #8a2be240}.glass-button.primary:hover{background:linear-gradient(135deg, var(--primary-hover), #7b2cbf);box-shadow:0 8px 28px #8a2be266}.glass-button.danger{color:var(--danger);background:#ef44441a;border-color:#ef444433}.glass-button.danger:hover{background:#ef444433;border-color:#ef44444d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.animate-fade-in{animation:.4s cubic-bezier(.22,1,.36,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}input[type=text],input[type=range]{font-family:Inter,sans-serif}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-main);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 8px #ffffff80}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-background-clip:text;background-clip:text}.pill-nav-item:hover{color:#fff!important;background:#ffffff0d!important}.red-hover-btn:hover{background:#f82030!important}.search-input:focus,.settings-input:focus{background:#00000080!important;border-color:#fff3!important}