*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:480px;padding:20px}.app{display:flex;flex-direction:column;align-items:center;gap:32px}.logo{font-size:48px;font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,#ff6b35,#f7c948);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#888;font-size:14px;margin-top:-24px}.mic-container{position:relative;display:flex;align-items:center;justify-content:center}.mic-button{width:120px;height:120px;border-radius:50%;border:none;cursor:pointer;font-size:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}.mic-button.idle{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 30px #00000080}.mic-button.idle:hover{background:linear-gradient(135deg,#224,#1a2a4e);box-shadow:0 4px 40px #ff6b3533}.mic-button.connecting{background:linear-gradient(135deg,#2a2a1e,#3e3216);box-shadow:0 4px 30px #f7c9484d;animation:pulse 1.5s ease-in-out infinite}.mic-button.active{background:linear-gradient(135deg,#2e1a1a,#3e1616);box-shadow:0 0 40px #ff6b3566}.mic-button.active:hover{box-shadow:0 0 50px #ff6b3599}.pulse-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,107,53,.4);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status{text-align:center;min-height:48px}.status-text{font-size:16px;font-weight:500}.status-text.idle{color:#666}.status-text.connecting{color:#f7c948}.status-text.active{color:#ff6b35}.status-text.error{color:#f44}.status-hint{font-size:12px;color:#555;margin-top:4px}.visualizer{display:flex;align-items:center;justify-content:center;gap:3px;height:40px}.visualizer-bar{width:4px;background:linear-gradient(to top,#ff6b35,#f7c948);border-radius:2px;transition:height .1s ease}.connection-info{font-size:11px;color:#444;text-align:center}