:root{--font-primary:"Inter", system-ui, -apple-system, sans-serif;--bg-deep:#06080f;--bg-panel:#0f172a66;--bg-panel-solid:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-primary:#6366f1;--accent-primary-glow:#6366f180;--accent-secondary:#10b981;--accent-secondary-glow:#10b98180;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-glass:#ffffff14;--border-glass-strong:#ffffff26;--shadow-glass:0 8px 32px 0 #0000005e;--radius-panel:24px;--radius-btn:12px}body{font-family:var(--font-primary);background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}#root{width:100vw;min-height:100vh}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.ambient-glow{filter:blur(140px);opacity:.15;pointer-events:none;z-index:0;border-radius:50%;width:800px;height:800px;transition:background-color 1s ease-in-out,opacity 1s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-glow.status-connected{background-color:var(--accent-secondary);opacity:.2}.ambient-glow.status-connecting{background-color:var(--accent-warning)}.ambient-glow.status-idle{background-color:var(--accent-primary)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);z-index:10;flex-direction:column;width:100%;max-width:900px;height:85vh;display:flex;position:relative;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-glass);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-title{letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.status-indicator{border-radius:50%;width:12px;height:12px;transition:all .3s}.status-indicator.active{background-color:var(--accent-secondary);box-shadow:0 0 12px var(--accent-secondary-glow);animation:2s infinite pulse-soft}.status-indicator.connecting{background-color:var(--accent-warning);animation:1s infinite pulse-soft}.status-indicator.idle{background-color:var(--text-muted)}.badge-group{gap:1rem;display:flex}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:.35rem .8rem;font-size:.75rem;font-weight:600}.badge-primary{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.chat-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:0 0}.chat-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.message-wrapper{opacity:0;width:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;transform:translateY(10px)}.message-wrapper.user{justify-content:flex-end}.message-wrapper.ai{justify-content:flex-start}.message-bubble{border-radius:20px;max-width:80%;padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.6;box-shadow:0 4px 15px #0000001a}.message-bubble.user{background:linear-gradient(135deg, var(--accent-primary), #4f46e5);color:#fff;border-bottom-right-radius:4px}.message-bubble.ai{border:1px solid var(--border-glass-strong);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom-left-radius:4px}.message-bubble p{margin:0}.audio-panel{border-radius:var(--radius-btn);border:1px solid var(--border-glass);background:#0000004d;margin:0 2rem 1rem;padding:1rem}.audio-panel-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem}audio{border-radius:8px;width:100%;height:36px}audio::-webkit-media-controls-panel{background-color:#1e293b}audio::-webkit-media-controls-play-button{filter:invert()}audio::-webkit-media-controls-mute-button{filter:invert()}audio::-webkit-media-controls-current-time-display{color:#fff}audio::-webkit-media-controls-time-remaining-display{color:#fff}.input-area{border-top:1px solid var(--border-glass);background:#0003;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.input-field-wrapper{flex:1;position:relative}.text-input{border:1px solid var(--border-glass-strong);color:#fff;width:100%;height:52px;font-size:.95rem;font-family:var(--font-primary);box-sizing:border-box;background:#0006;border-radius:100px;padding:0 1.5rem;transition:all .2s}.text-input:focus{background:#0009;border-color:#6366f199;outline:none;box-shadow:0 0 0 2px #6366f11a}.icon-btn{border:1px solid var(--border-glass);width:52px;height:52px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.icon-btn.active-state{color:var(--accent-primary);background:#6366f126;border-color:#6366f166;box-shadow:0 0 20px #6366f133}.icon-btn.danger-state{color:var(--accent-danger);background:#ef44441a;border-color:#ef44444d}.icon-btn.danger-state:hover{background:#ef444433}.icon-btn.recording{color:var(--accent-danger);background:#ef444426;border-color:#ef444466;animation:1.5s infinite pulse-danger;box-shadow:0 0 20px #ef44444d}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;height:52px;padding:0 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #6366f166}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-send{width:48px;height:48px;box-shadow:none;padding:0;position:absolute;top:2px;right:2px}.idle-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;animation:.5s ease-out forwards fadeIn;display:flex}.idle-icon-wrapper{width:120px;height:120px;color:var(--accent-primary);background:#6366f10d;border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;display:flex;box-shadow:0 0 60px #6366f11a}.idle-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.idle-subtitle{color:var(--text-muted);text-align:center;max-width:400px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.5}.btn-start{height:60px;padding:0 3rem;font-size:1.1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-danger{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}