*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a0a0a;color:#ffffff;height:100vh;overflow:hidden}.container{display:flex;height:100vh}.sidebar{width:280px;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;padding:20px 0}.sidebar-header{padding:0 24px 32px;display:flex;align-items:center;gap:12px}.hamburger{width:24px;height:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px}.hamburger span{width:100%;height:2px;background:#666;border-radius:1px}.search-icon{width:24px;height:24px;cursor:pointer;color:#666}.logo{font-size:18px;font-weight:600;color:#fff;margin-left:auto;padding-right:24px}.sidebar-content{flex:1;padding:0 24px}.section-title{color:#666;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.nav-item{padding:12px 0;color:#ccc;cursor:pointer;font-size:14px;transition:color .2s}.nav-item:hover{color:#fff}.nav-item.active{color:#4a9eff}.show-more{display:flex;align-items:center;gap:8px;padding:12px 0;color:#666;cursor:pointer;font-size:14px;margin-top:16px}.show-more:hover{color:#ccc}.chevron-down{width:16px;height:16px}.sidebar-footer{padding:24px;border-top:1px solid #2a2a2a;margin-top:auto}.settings-item{display:flex;align-items:center;gap:12px;color:#ccc;cursor:pointer;font-size:14px}.settings-item:hover{color:#fff}.settings-icon{width:20px;height:20px}.connection-status{padding:8px 16px;margin:0 24px 16px;border-radius:8px;font-size:12px;text-align:center}.status-disconnected{background:#2a1a1a;border:1px solid #4a2a2a;color:#ff6b6b}.status-connecting{background:#2a2a1a;border:1px solid #4a4a2a;color:#ffd93d}.status-connected{background:#1a2a1a;border:1px solid #2a4a2a;color:#6bcf7f}.main-content{position:relative}.content-area,.main-content{flex:1;display:flex;flex-direction:column}.content-area{justify-content:center;align-items:center;padding:40px;text-align:center}.main-title{font-size:48px;font-weight:700;background:linear-gradient(135deg,#4a9eff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;line-height:1.2}.main-description{font-size:18px;color:#ccc;line-height:1.6;max-width:600px;margin-bottom:40px}.voice-controls{flex-direction:column;gap:24px;margin-top:40px}.voice-button,.voice-controls{display:flex;align-items:center}.voice-button{width:120px;height:120px;border:none;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#00d4ff);color:white;cursor:pointer;justify-content:center;font-size:24px;transition:all .3s ease;position:relative;overflow:hidden}.voice-button:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(74,158,255,.3)}.voice-button.recording{background:linear-gradient(135deg,#ff6b6b,#ffd93d);animation:pulse 1.5s ease-in-out infinite}.voice-button.connecting{background:linear-gradient(135deg,#666,#999);cursor:not-allowed}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voice-status{font-size:16px;color:#ccc;text-align:center}.voice-status.recording{color:#ff6b6b}.voice-status.connected{color:#6bcf7f}.audio-visualizer{width:200px;height:60px;display:flex;align-items:end;justify-content:center;gap:3px;margin:20px 0;opacity:0;transition:opacity .3s}.audio-visualizer.active{opacity:1}.audio-bar{width:4px;background:linear-gradient(0deg,#4a9eff,#00d4ff);border-radius:2px;transition:height .1s ease}.chat-input-container{padding:24px;border-top:1px solid #2a2a2a}.chat-input-wrapper{position:relative;max-width:800px;margin:0 auto}.chat-input{width:100%;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:16px 60px 16px 20px;color:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}.chat-input:focus{border-color:#4a9eff;box-shadow:0 0 0 3px rgba(74,158,255,.1)}.chat-input::placeholder{color:#666}.input-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.input-btn{width:32px;height:32px;border:none;background:none;color:#666;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.input-btn:hover{background:#3a3a3a;color:#ccc}.input-btn.send{background:#4a9eff;color:#fff}.input-btn.send:hover{background:#3a8ce6}.input-btn:disabled{opacity:.5;cursor:not-allowed}.icon{width:100%;height:100%}.error-message{background:#2a1a1a;border:1px solid #4a2a2a;border-radius:8px;padding:16px;margin:16px 24px;color:#ff6b6b;font-size:14px}@media (max-width:768px){.sidebar{width:240px}.main-title{font-size:36px}.main-description{font-size:16px}.voice-button{width:100px;height:100px;font-size:20px}}