@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", source-code-pro, Menlo, Monaco, Consolas, monospace;--bg-dark:#09090b;--bg-dark-gray:#18181b;--bg-card:#18181b;--bg-bubble-user:#27272a;--bg-bubble-ai:#18181b;--google-blue:#3b82f6;--google-red:#ef4444;--google-yellow:#f59e0b;--google-green:#10b981;--google-purple:#8b5cf6;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-glass:#27272a;--border-glow-blue:#3b82f64d;--shadow-neon-blue:0 4px 20px #00000080;--shadow-neon-purple:0 4px 20px #00000080;--shadow-neon-green:0 4px 20px #00000080}.light-theme{--bg-dark:#f4f4f5;--bg-dark-gray:#fff;--bg-card:#fff;--bg-bubble-user:#e4e4e7;--bg-bubble-ai:#fff;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--border-glass:#e4e4e7;--border-glow-blue:#3b82f626}.light-theme .bg-white\/2{background-color:#00000003!important}.light-theme .bg-white\/5{background-color:#00000008!important}.light-theme .bg-white\/10{background-color:#0000000f!important}.light-theme .bg-black\/30{background-color:#ffffff4d!important}.light-theme .bg-black\/40{background-color:#fff6!important}.light-theme .border-white\/5{border-color:#0000000d!important}.light-theme .border-white\/10{border-color:#00000014!important}.light-theme .text-gray-200{color:#27272a!important}.light-theme .text-gray-300{color:#3f3f46!important}.light-theme .glow-circle{opacity:.15!important}.light-theme input{color:#18181b!important}.light-theme input::placeholder{color:#a1a1aa!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);width:100vw;height:100vh;overflow:hidden}input{line-height:normal!important;font-family:var(--font-sans)!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-dark) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-dark) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-dark) inset!important;-webkit-text-fill-color:var(--text-primary)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--bg-dark) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.input-container{width:100%;margin-bottom:16px}.input-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:10px;font-weight:700;display:block}.input-wrapper{width:100%;position:relative}.input-field{border-radius:12px;outline:none;width:100%;transition:all .2s;background-color:var(--bg-dark)!important;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;padding:10px 12px 10px 38px!important;font-size:12px!important}.input-field:focus{box-shadow:0 0 0 2px #3b82f61a;border-color:var(--google-blue)!important}button{color:inherit;cursor:pointer;box-shadow:none;background:0 0;border:none;outline:none;font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-4\.5{width:1.125rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-44{width:11rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-4\.5{height:1.125rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-32{height:8rem}.h-44{height:11rem}.h-96{height:24rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-\[80\%\]{max-width:80%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-96{max-height:24rem}.min-h-16{min-height:4rem}.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.border{border:1px solid var(--border-glass)}.border-2{border:2px solid var(--border-glass)}.border-b{border-bottom:1px solid var(--border-glass)}.border-t{border-top:1px solid var(--border-glass)}.border-dashed{border-style:dashed}.border-transparent{border-color:#0000}.border-white\/5,.border-white\/10{border-color:var(--border-glass)}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-green-500\/20{border-color:#10b98133}.border-green-500\/30{border-color:#10b9814d}.border-purple-500\/20{border-color:#8b5cf633}.border-purple-500\/30{border-color:#8b5cf64d}.border-rose-500\/30{border-color:#ef44444d}.border-rose-500\/50{border-color:#ef444480}.border-gray-700{border-color:var(--border-glass)}.bg-slate-900{background-color:var(--bg-dark-gray)}.bg-slate-950,.bg-slate-900\/40,.bg-slate-950\/80,.bg-slate-950\/90{background-color:var(--bg-dark)}.bg-white\/2{background-color:#ffffff05}.bg-white\/5{background-color:#ffffff0a}.bg-white\/10{background-color:#ffffff14}.bg-black\/30{background-color:#00000080}.bg-black\/40{background-color:#0009}.bg-blue-500\/5{background-color:#3b82f60a}.bg-blue-500\/10{background-color:#3b82f614}.bg-green-500\/5{background-color:#10b9810a}.bg-green-500\/10{background-color:#10b98114}.bg-purple-500\/5{background-color:#8b5cf60a}.bg-purple-500\/10{background-color:#8b5cf614}.bg-rose-500\/20{background-color:#ef444426}.bg-rose-600\/80{background-color:#dc2626}.bg-rose-950\/20{background-color:#ef44440d}.bg-purple-950\/20{background-color:#8b5cf60d}.bg-blue-950\/20{background-color:#3b82f60d}.bg-blue-500{background-color:var(--google-blue)}.bg-green-500{background-color:var(--google-green)}.bg-rose-500{background-color:var(--google-red)}.bg-rose-600{background-color:#dc2626}.bg-green-600{background-color:#059669}.bg-green-600\/80{background-color:#059669cc}.bg-blue-600{background-color:#2563eb}.bg-blue-600\/10{background-color:#3b82f61a}.bg-blue-600\/80{background-color:#2563ebcc}.bg-purple-600\/10{background-color:#8b5cf61a}.bg-cyan-500\/5{background-color:#06b6d40d}.bg-gray-800{background-color:#27272a}.hover\:bg-green-500:hover{background-color:#10b981!important}.text-white{color:var(--text-primary)}.text-gray-200{color:#e4e4e7}.text-gray-300{color:#d4d4d8}.text-gray-400{color:var(--text-secondary)}.text-gray-500{color:var(--text-muted)}.text-blue-300{color:#93c5fd}.text-blue-400{color:var(--google-blue)}.text-green-300{color:#6ee7b7}.text-green-400{color:var(--google-green)}.text-purple-300{color:#c084fc}.text-purple-400{color:var(--google-purple)}.text-rose-400{color:#f43f5e}.text-rose-500{color:var(--google-red)}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-indigo-500{color:var(--google-purple)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-center{text-align:center}.text-right{text-align:right}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-tr-sm{border-top-right-radius:.125rem}.rounded-tl-sm{border-top-left-radius:.125rem}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.top-1{top:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-1\.5{top:.375rem}.z-10{z-index:10}.z-20{z-index:20}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-auto{overflow:auto}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-all{-webkit-user-select:all;user-select:all}.flex-shrink-0{flex-shrink:0}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.active\:scale-95:active{transform:scale(.95)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.hover\:bg-white\/10:hover{background-color:#ffffff0d}.hover\:bg-purple-600:hover{background-color:var(--google-purple)}.hover\:border-purple-500:hover{border-color:var(--google-purple)}@keyframes float-slow{0%{transform:translate(0)scale(1)}50%{transform:translate(15px,-10px)scale(1.05)}to{transform:translate(-10px,15px)scale(.98)}}@keyframes pulse-glow{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.4;transform:scale(1.02)}}.pulsing-wave{animation:2s ease-in-out infinite pulse-glow}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-bubble-enter{animation:.2s cubic-bezier(.16,1,.3,1) forwards slide-up-fade}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-dark-gray);border:1px solid var(--border-glass);border-radius:12px}.glass-card{background:var(--bg-dark-gray);border:1px solid var(--border-glass);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff05;border-color:#3f3f46}.neon-glow-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-circle{filter:blur(80px);opacity:.04;border-radius:50%;animation:20s ease-in-out infinite alternate float-slow;position:absolute}.glow-1{background:var(--google-blue);width:250px;height:250px;top:-80px;left:-80px}.glow-2{background:var(--google-purple);width:300px;height:300px;animation-delay:-5s;bottom:20%;right:-100px}.glow-3{background:var(--google-green);width:200px;height:200px;animation-delay:-10s;bottom:-60px;left:10%}.app-container{background-color:var(--bg-dark);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.phone-shell{background-color:var(--bg-dark);flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}@media (width>=1025px) and (height>=800px){.app-container{background-color:#050506}.phone-shell{border:6px solid #27272a;border-radius:36px;max-width:410px;max-height:840px;box-shadow:0 30px 60px #000000d9}}.text-gradient-blue{color:var(--google-blue)}.text-gradient-google{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.soundbar{background-color:var(--google-blue);border-radius:2px;width:3px;height:8px;margin:0 2px;transition:height 80ms ease-in-out}.soundbar:nth-child(2n){background-color:var(--google-purple)}.soundbar:nth-child(3n){background-color:var(--google-green)}.soundbar:nth-child(4n){background-color:var(--google-yellow)}.input-icon-wrapper{width:100%;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-field{outline:none;width:100%;height:42px;transition:all .2s;background-color:var(--bg-dark-gray)!important;border:1px solid var(--border-glass)!important;color:var(--text-primary)!important;border-radius:12px!important;padding-left:40px!important;padding-right:16px!important;font-size:13px!important;line-height:normal!important}.input-field:focus{border-color:var(--google-blue)!important;background-color:var(--bg-dark)!important}.top-settings-btn{z-index:50!important;position:absolute!important;top:16px!important;right:16px!important}.settings-dropdown{background-color:var(--bg-dark-gray)!important;border:1px solid var(--border-glass)!important;z-index:100!important;border-radius:12px!important;width:270px!important;padding:16px!important;position:absolute!important;top:44px!important;right:0!important;box-shadow:0 10px 25px #0009!important}