@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-color: #020206;--panel-bg: rgba(6, 6, 16, .45);--panel-border: rgba(255, 255, 255, .07);--glow-color: #00f0ff;--glow-color-alt: #ff007f;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #00f0ff;--accent-rgb: 0, 240, 255;--accent-alt-rgb: 255, 0, 127;--glow-shadow: 0 0 20px rgba(0, 240, 255, .25);--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-cyber{--bg-color: #020206;--panel-bg: rgba(6, 6, 16, .45);--panel-border: rgba(255, 255, 255, .08);--glow-color: #00f0ff;--glow-color-alt: #ff007f;--accent: #00f0ff;--accent-rgb: 0, 240, 255;--accent-alt-rgb: 255, 0, 127;--glow-shadow: 0 0 25px rgba(0, 240, 255, .35)}.theme-ocean{--bg-color: #010409;--panel-bg: rgba(2, 8, 20, .5);--panel-border: rgba(56, 189, 248, .1);--glow-color: #38bdf8;--glow-color-alt: #818cf8;--accent: #38bdf8;--accent-rgb: 56, 189, 248;--accent-alt-rgb: 129, 140, 248;--glow-shadow: 0 0 25px rgba(56, 189, 248, .3)}.theme-bio{--bg-color: #020402;--panel-bg: rgba(4, 12, 4, .5);--panel-border: rgba(34, 197, 94, .1);--glow-color: #22c55e;--glow-color-alt: #a3e635;--accent: #22c55e;--accent-rgb: 34, 197, 94;--accent-alt-rgb: 163, 230, 53;--glow-shadow: 0 0 25px rgba(34, 197, 94, .3)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-sans);color:var(--text-primary);transition:background-color .8s cubic-bezier(.2,.8,.2,1)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;border-radius:16px;color:var(--text-primary);transition:all .5s cubic-bezier(.2,.8,.2,1)}.glass-panel:hover{border-color:rgba(var(--accent-rgb),.25);box-shadow:0 12px 40px #0009,0 0 20px rgba(var(--accent-rgb),.05),inset 0 1px #ffffff14}.font-mono{font-family:var(--font-mono)}.glow-text{text-shadow:0 0 10px rgba(var(--accent-rgb),.4)}.glow-border{border-color:var(--glow-color);box-shadow:var(--glow-shadow)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;margin:12px 0;transition:background .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--glow-color);cursor:pointer;box-shadow:0 0 8px var(--glow-color);transition:transform .1s ease,box-shadow .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 14px var(--glow-color),0 0 25px rgba(var(--accent-rgb),.4)}.cyber-button{background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.2);color:var(--text-primary);padding:10px 18px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:8px}.cyber-button:hover{background:rgba(var(--accent-rgb),.15);border-color:var(--glow-color);box-shadow:0 0 15px rgba(var(--accent-rgb),.3);transform:translateY(-1px)}.cyber-button:active{transform:translateY(1px)}.cyber-button.active{background:rgba(var(--accent-rgb),.25);border-color:var(--glow-color);box-shadow:0 0 15px rgba(var(--accent-rgb),.4),inset 0 0 5px rgba(var(--accent-rgb),.2);text-shadow:0 0 5px rgba(var(--accent-rgb),.5)}@keyframes pulse{0%,to{opacity:.3;transform:scale(.98)}50%{opacity:.9;transform:scale(1.02)}}.pulse-glow{animation:pulse 3s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-ui{animation:float 4s infinite ease-in-out}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.45)}.suggestion-item{transition:background .2s,color .2s}.suggestion-item:hover{background:rgba(var(--accent-rgb),.15)!important;color:var(--glow-color)!important}
