.voice-chat{display:flex;flex-direction:column;gap:2rem}.controls{display:flex;justify-content:center}button{padding:1rem 2rem;font-size:1.2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.start-btn{background:#4caf50;color:#fff}.start-btn:hover{background:#45a049}.stop-btn{background:#f44336;color:#fff}.stop-btn:hover{background:#da190b}.conversation{text-align:left;max-height:400px;overflow-y:auto;padding:1rem;background:#2a2a2a;border-radius:8px}.transcript-line{padding:.5rem;margin:.5rem 0;background:#3a3a3a;border-left:3px solid #2196F3}.partial-transcript{padding:.5rem;margin:.5rem 0;background:#3a3a3a;border-left:3px solid #FFC107;font-style:italic;opacity:.7}.response-line{padding:.5rem;margin:.5rem 0;background:#3a3a3a;border-left:3px solid #4CAF50}.budget-indicator{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#1a1a1a;border-radius:8px;max-width:400px;margin:0 auto}.budget-bar{display:flex;flex-direction:column;gap:.5rem}.budget-bar span{font-size:.9rem;color:#aaa}.progress-bar{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#ffc107,#f44336);transition:width .3s}.budget-warning{color:#f44336;font-weight:700;text-align:center;padding:.5rem;background:#f443361a;border-radius:4px}.App{max-width:1200px;margin:0 auto}header{margin-bottom:2rem}h1{font-size:2.5rem;margin-bottom:1rem}main{background:#1a1a1a;padding:2rem;border-radius:8px;min-height:500px}footer{margin-top:2rem;color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;padding:2rem;text-align:center}