@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);body{background-color:#0a041c;color:#f3e8ff;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;overflow:hidden}:root{--background-deep:#0a041c;--background-gradient-start:#1c1633;--surface-color:#1c1633;--primary-color:#c084fc;--glow-color:#c084fcbf;--text-color:#f3e8ff;--text-muted-color:#a79abb;--user-bubble-color:#4a3a75;--ai-bubble-color:#2a283e}#background-canvas{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.app-container{background:radial-gradient(ellipse at bottom,#1c1633 0,#0a041c 100%);background:radial-gradient(ellipse at bottom,var(--background-gradient-start) 0,var(--background-deep) 100%);display:flex;flex-direction:column;height:100vh;position:relative;width:100vw;z-index:1}.app-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;padding:1rem;text-align:center}.app-header h2{font-size:1.5rem;font-weight:700;margin:0}.app-header p{color:#a79abb;color:var(--text-muted-color);font-size:.9rem;margin:.25rem 0 0}.settings-panel{background-color:#0003;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:center;padding:.75rem}.setting{align-items:center;display:flex;gap:.5rem}.setting label{color:#a79abb;color:var(--text-muted-color);font-size:.9rem}.setting select{background-color:#1c1633;background-color:var(--surface-color);border:1px solid #444;border-radius:6px;color:#f3e8ff;color:var(--text-color);padding:.25rem .5rem}.chat-window{display:flex;flex-direction:column;flex-grow:1;gap:1rem;overflow-y:auto;padding:1rem}.welcome-message{color:#a79abb;color:var(--text-muted-color);font-size:1.1rem;margin:auto;padding:0 1rem;text-align:center}.message{display:flex;max-width:80%}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.bubble{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275);border-radius:1.25rem;line-height:1.6;padding:.75rem 1.2rem;white-space:pre-wrap}.user .bubble{background-color:#4a3a75;background-color:var(--user-bubble-color);border-bottom-right-radius:.5rem}.ai .bubble{background-color:#2a283e;background-color:var(--ai-bubble-color);border-bottom-left-radius:.5rem}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.playback-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.playback-controls button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.playback-controls button:hover{background:#c084fc;background:var(--primary-color)}.citations{border-top:1px solid #444;color:#a79abb;color:var(--text-muted-color);font-size:.8rem;margin-top:.75rem;padding-top:.5rem}.app-footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #ffffff1a;padding:1rem}.input-choice-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.choice-button{align-items:center;background-color:#1c1633;background-color:var(--surface-color);border:1px solid #ffffff26;border-radius:2rem;box-shadow:0 0 15px #0000004d;color:#f3e8ff;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 1.5rem;transition:all .3s ease}.choice-button:hover{background-color:#c084fc;background-color:var(--primary-color);border-color:#c084fc;border-color:var(--primary-color);box-shadow:0 0 20px #c084fcbf;box-shadow:0 0 20px var(--glow-color)}.input-area{background-color:#1c1633;background-color:var(--surface-color);border:1px solid #444;border-radius:2rem;display:flex;gap:.5rem;margin:0 auto;max-width:800px;padding:.5rem;transition:border-color .3s ease;width:95%}.input-area:focus-within{border-color:#c084fc;border-color:var(--primary-color)}.input-area input{background:#0000;border:none;color:#f3e8ff;color:var(--text-color);flex-grow:1;font-size:1rem;outline:none;padding:0 1rem}.input-area button{align-items:center;background:#0000;border:none;border-radius:50%;color:#a79abb;color:var(--text-muted-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.input-area button:hover{color:#fff}.input-area button:disabled{cursor:not-allowed;opacity:.5}@keyframes glow{0%{box-shadow:0 0 5px #c084fcbf,0 0 10px #c084fcbf;box-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}50%{box-shadow:0 0 20px #c084fcbf,0 0 30px #c084fcbf;box-shadow:0 0 20px var(--glow-color),0 0 30px var(--glow-color)}to{box-shadow:0 0 5px #c084fcbf,0 0 10px #c084fcbf;box-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color)}}.send-button{animation:glow 2s ease-in-out infinite;background-color:#c084fc!important;background-color:var(--primary-color)!important;color:#fff!important}.cancel-button:hover{background-color:#ffffff1a}.voice-input-container{flex-direction:column;gap:1rem}.visualizer-container,.voice-input-container{align-items:center;display:flex;justify-content:center}.visualizer-container{height:120px;margin-top:-20px;opacity:0;position:relative;transition:opacity .3s ease}.visualizer-container.visible{opacity:1}.visualizer-container canvas{transform:scale(.8)}.visualizer-container p{color:#a79abb;color:var(--text-muted-color);font-size:.9rem;margin:0;position:absolute}.stop-button{background:#e53e3e;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s ease}.stop-button:hover{background:#c53030}@media (max-width:768px){.app-header h2{font-size:1.25rem}.app-header p{font-size:.8rem}.settings-panel{align-items:center;flex-direction:column;gap:.75rem}.chat-window{gap:.75rem;padding:.75rem}.message{max-width:90%}.bubble{padding:.6rem 1rem}.choice-button{font-size:.9rem;padding:.6rem 1.2rem}.input-area{width:90%}}
/*# sourceMappingURL=main.3647c015.css.map*/