@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color: #09090b;--bg-gradient: radial-gradient(circle at 50% -20%, #1e1b4b 0%, #09090b 60%, #000000 100%);--glass-border: rgba(255, 255, 255, .08);--glass-surface: rgba(10, 10, 15, .4);--glass-surface-hover: rgba(20, 20, 25, .6);--glass-highlight: rgba(255, 255, 255, .03);--glass-input-bg: rgba(0, 0, 0, .2);--glass-input-focus: rgba(0, 0, 0, .4);--glass-modal-bg: rgba(10, 10, 12, .95);--modal-overlay: rgba(0, 0, 0, .85);--accent-primary: #06b6d4;--accent-glow: rgba(6, 182, 212, .3);--text-main: #e4e4e7;--text-muted: #a1a1aa;--text-hint: #22d3ee;--star-color: #ffffff;--mic-bg: rgba(39, 39, 42, .8);--mic-border: rgba(255, 255, 255, .1);--mic-icon: #d4d4d8;--history-item-bg: rgba(255, 255, 255, .05);--history-item-hover: rgba(255, 255, 255, .1);--history-border: transparent;--history-text: #d4d4d8;--badge-bg: rgba(8, 51, 68, .5);--badge-text: #22d3ee;--badge-border: rgba(21, 94, 117, .5)}body.light-theme{--bg-color: #f0f9ff;--bg-gradient: linear-gradient(135deg, #dbeafe 0%, #f1f5f9 50%, #ffffff 100%);--glass-border: rgba(148, 163, 184, .3);--glass-surface: rgba(255, 255, 255, .65);--glass-surface-hover: rgba(255, 255, 255, .85);--glass-highlight: rgba(255, 255, 255, .5);--glass-input-bg: rgba(255, 255, 255, .6);--glass-input-focus: rgba(255, 255, 255, .95);--glass-modal-bg: rgba(255, 255, 255, .98);--modal-overlay: rgba(15, 23, 42, .6);--accent-primary: #0284c7;--accent-glow: rgba(2, 132, 199, .25);--text-main: #1e293b;--text-muted: #64748b;--text-hint: #0891b2;--star-color: #0f172a;--mic-bg: #ffffff;--mic-border: rgba(148, 163, 184, .4);--mic-icon: #334155;--history-item-bg: #ffffff;--history-item-hover: #f1f5f9;--history-border: #e2e8f0;--history-text: #334155;--badge-bg: #cffafe;--badge-text: #0e7490;--badge-border: #67e8f9}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease-in-out}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background:var(--bg-gradient);color:var(--text-main);overflow-x:hidden;min-height:100vh;position:relative;z-index:0}.aurora-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");opacity:.5}.star-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.star{position:absolute;border-radius:50%;background:var(--star-color);opacity:0;animation:twinkle var(--duration, 3s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s)}@keyframes twinkle{0%{opacity:0;transform:scale(.5)}50%{opacity:var(--opacity, .8);transform:scale(1)}to{opacity:0;transform:scale(.5)}}.comet-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.comet{position:absolute;left:var(--x-start, 50vw);top:var(--y-start, 0);opacity:0;transform:rotate(-45deg);animation:meteor-fall var(--duration, 4s) linear forwards;will-change:transform,opacity}.comet:before{content:"";position:absolute;width:var(--size, 2px);height:var(--size, 2px);background:#fff;border-radius:50%;box-shadow:0 0 10px 2px #22d3ee99;transform:translateY(-50%);z-index:2}.comet:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:var(--tail-length, 100px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(34,211,238,.3) 30%,transparent 100%);right:0}body.light-theme .comet:before{background:#1e3a8a;box-shadow:0 0 8px 2px #1e3a8a80}body.light-theme .comet:after{background:linear-gradient(90deg,rgba(30,58,138,.9),rgba(30,58,138,.4) 30%,transparent 100%)}@keyframes meteor-fall{0%{opacity:0;transform:rotate(-45deg) translate(0)}10%{opacity:var(--opacity, .7)}80%{opacity:var(--opacity, .7)}to{opacity:0;transform:rotate(-45deg) translate(-150vh)}}.glass-panel{background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000026;position:relative;z-index:10}.glass-modal{background:var(--glass-modal-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.modal-overlay{background-color:var(--modal-overlay)}.glass-input{background:var(--glass-input-bg);border:1px solid var(--glass-border);box-shadow:inset 0 2px 4px #0000000d;color:var(--text-main)}.glass-input::placeholder{color:var(--text-muted);opacity:.7}.glass-input:focus{background:var(--glass-input-focus);border-color:var(--accent-primary);box-shadow:inset 0 2px 4px #0000000d,0 0 0 1px var(--accent-glow);outline:none}.glass-input:disabled{opacity:.5;cursor:not-allowed}.strategy-card{background:var(--glass-highlight);border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden}.strategy-card:hover{background:var(--glass-surface-hover);transform:translateY(-2px)}.strategy-card.active{background:var(--accent-glow);border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.strategy-card.active .strategy-icon{color:var(--accent-primary)}.strategy-card h3{color:var(--text-main)}.strategy-card p,.strategy-card .strategy-icon{color:var(--text-muted)}.strategy-desc-text{color:var(--text-hint)}.badge-live{background-color:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border)}.history-item{background:var(--history-item-bg);border:1px solid var(--history-border);color:var(--history-text)}.history-item:hover{background:var(--history-item-hover);transform:scale(1.02);box-shadow:0 4px 12px #0000000d}body.light-theme .history-item{box-shadow:0 2px 6px #00000008}body.light-theme #clear-history{color:#dc2626}.btn-sponsor{position:relative;background:linear-gradient(90deg,#ec4899,#8b5cf6,#ec4899);background-size:200% auto;color:#fff;border:none;box-shadow:0 4px 15px #ec48994d;animation:gradientMove 3s linear infinite}.btn-sponsor:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 6px 20px #ec489980}@keyframes gradientMove{0%{background-position:0% center}to{background-position:200% center}}.btn-mic{background:var(--mic-bg);border:2px solid var(--mic-border);color:var(--mic-icon);box-shadow:0 4px 10px #0000001a}.btn-mic:hover{filter:brightness(1.1);transform:scale(1.05)}.mic-visualizer-active{transform:scale(calc(1 + (var(--audio-level, .1) * .2)));box-shadow:0 0 0 calc(var(--audio-level, .1) * 15px) #06b6d466,0 0 0 calc(var(--audio-level, .1) * 25px) #06b6d433;border-color:#06b6d4;color:#fff!important;background:linear-gradient(135deg,#06b6d4,#3b82f6)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none}.btn-magic{position:relative;overflow:hidden;background:linear-gradient(90deg,#0891b2,#4f46e5,#0891b2);background-size:200% auto;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #0891b266;animation:magicGradient 4s linear infinite}.btn-magic:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 35px #4f46e599;background-position:right center;border-color:#ffffff80}.btn-magic svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.btn-magic:hover svg{transform:rotate(-15deg) scale(1.2);filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.btn-magic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s;pointer-events:none}.btn-magic:hover:before{left:100%;transition:.7s ease-in-out}@keyframes magicGradient{0%{background-position:0% center}to{background-position:200% center}}body.light-theme .btn-magic{background:linear-gradient(90deg,#2563eb,#9333ea,#2563eb);box-shadow:0 10px 25px -5px #2563eb66;border:1px solid rgba(255,255,255,.4)}body.light-theme .btn-magic:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px -5px #9333ea80}.text-glow{text-shadow:0 0 20px rgba(255,255,255,.1)}body.light-theme .text-glow{text-shadow:none}.font-mono{font-family:JetBrains Mono,monospace}.loader-orbit{width:80px;height:80px;position:relative;perspective:600px;transform-style:preserve-3d}.loader-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid transparent;box-shadow:0 0 10px #06b6d41a}.ring-1{width:100%;height:100%;border-top:2px solid var(--accent-primary);border-bottom:2px solid transparent;animation:rotate1 2s linear infinite}.ring-2{width:80%;height:80%;border-right:2px solid #a855f7;border-left:2px solid transparent;animation:rotate2 2.5s linear infinite}.ring-3{width:60%;height:60%;border-bottom:2px solid #ffffff;border-top:2px solid transparent;animation:rotate3 1.8s linear infinite}.loader-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 30px 5px var(--accent-primary),0 0 10px #fff;animation:core-pulse-interstellar 1s ease-in-out infinite alternate}@keyframes rotate1{0%{transform:translate(-50%,-50%) rotate(0) rotateX(20deg)}to{transform:translate(-50%,-50%) rotate(360deg) rotateX(20deg)}}@keyframes rotate2{0%{transform:translate(-50%,-50%) rotate(45deg) rotateY(0)}to{transform:translate(-50%,-50%) rotate(45deg) rotateY(360deg)}}@keyframes rotate3{0%{transform:translate(-50%,-50%) rotateX(60deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(60deg) rotate(-360deg)}}body.light-theme .text-zinc-300,body.light-theme .text-zinc-200,body.light-theme .text-zinc-100{color:var(--text-main)}body.light-theme .text-zinc-400,body.light-theme .text-zinc-500{color:var(--text-muted)}body.light-theme .border-white\/5,body.light-theme .border-white\/10{border-color:#0000000f}body.light-theme .bg-black\/5,body.light-theme .bg-white\/5,body.light-theme .bg-white\/10{background-color:#0000000a}body.light-theme #cancel-apikey-btn{color:var(--text-muted)}body.light-theme #cancel-apikey-btn:hover{color:var(--text-main)}