:root{--bg:#0b0f19;--white:hsla(0,0%,100%,.9);--primary:#4b7cff;--primary-light:#6ea8ff;--primary-dark:#7a88ff}#__next,body,html{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--white);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;overflow:hidden}.voice-page,.voice-ui{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.voice-ui{flex-direction:column;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.voice-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.voice-orb{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--primary),var(--primary-light) 50%,var(--primary-dark));transition:box-shadow .3s ease,transform .2s ease;position:relative}.voice-orb,.voice-orb.idle{box-shadow:0 0 40px 2px rgba(80,120,255,.15)}.voice-orb.listening{box-shadow:0 0 60px 10px rgba(80,120,255,.45);animation:pulse 2s infinite}.voice-orb.thinking{box-shadow:0 0 50px 8px rgba(255,193,7,.3);animation:thinking 1.5s infinite}.voice-orb.speaking{box-shadow:0 0 60px 10px rgba(80,120,255,.3);animation:speaking 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes thinking{0%,to{opacity:1}50%{opacity:.7}}@keyframes speaking{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.voice-controls{display:flex;gap:24px;align-items:center}.mic-button,.stop-button{width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.12);border:none;color:var(--white);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mic-button:hover,.stop-button:hover{background:hsla(0,0%,100%,.22);transform:scale(1.05)}.mic-button:active,.stop-button:active{transform:scale(.95)}.mic-button.active{background:rgba(80,120,255,.3);box-shadow:0 0 20px rgba(80,120,255,.4)}.mic-button:disabled,.stop-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-status{text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.status-text{font-size:16px;opacity:.8;line-height:1.4}.error-text,.status-text{max-width:400px;word-wrap:break-word}.error-text{font-size:14px;color:#ff6b6b;opacity:.9}@media (max-width:768px){.voice-orb{width:280px;height:280px}.mic-button,.stop-button{width:56px;height:56px;font-size:24px}.voice-controls{gap:20px}.status-text{font-size:14px;max-width:300px}}@media (max-width:480px){.voice-orb{width:240px;height:240px}.mic-button,.stop-button{width:48px;height:48px;font-size:20px}.voice-controls{gap:16px}.status-text{font-size:13px;max-width:250px}}:root{--primary-blue:#06f;--secondary-blue:#4da6ff;--danger-red:#f44;--bg-dark:#000;--bg-medium:#1a1a1a;--white:#fff;--transparent-white:hsla(0,0%,100%,.2);--transparent-white-light:hsla(0,0%,100%,.3);--button-size:60px;--wave-height:60px;--control-panel-padding:20px;--animation-duration:0.2s;--breathing-duration:2s}.voice-recording-ui{height:100vh;background:linear-gradient(180deg,var(--bg-dark) 0,var(--bg-medium) 100%);padding:0;margin:0;overflow:hidden}.voice-recording-container,.voice-recording-ui{width:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.voice-recording-container{height:100%}.main-content-area{flex:1 1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2rem;position:relative}.audio-wave-visualization{width:80%;height:var(--wave-height);border-radius:30px;background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-blue) 50%,rgba(77,166,255,.3) 100%);position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,102,255,.3);transition:all var(--animation-duration) ease}.wave-inactive{opacity:.6;transform:scale(1)}.wave-active{opacity:1}.wave-listening{animation:breathing-pulse var(--breathing-duration) ease-in-out infinite}.wave-thinking{animation:thinking-pulse 1.5s ease-in-out infinite}.wave-speaking{animation:speaking-pulse 1s ease-in-out infinite}.wave-paused{opacity:.7;animation:paused-glow 2s ease-in-out infinite}.wave-error{background:linear-gradient(90deg,var(--danger-red) 0,#f66 50%,rgba(255,68,68,.3) 100%);animation:error-pulse .5s ease-in-out infinite}.wave-main-bar{width:100%;height:100%;position:relative}.wave-gradient{width:100%;height:100%;background:linear-gradient(90deg,var(--primary-blue) 0,var(--secondary-blue) 50%,rgba(77,166,255,.3) 100%);border-radius:30px}.wave-elements{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;padding:0 20px}.wave-element{width:4px;height:20px;background:hsla(0,0%,100%,.8);border-radius:2px;opacity:.6}.wave-listening .wave-element{animation:wave-bars 1.2s ease-in-out infinite}.wave-listening .wave-element:first-child{animation-delay:0s}.wave-listening .wave-element:nth-child(2){animation-delay:.1s}.wave-listening .wave-element:nth-child(3){animation-delay:.2s}.wave-listening .wave-element:nth-child(4){animation-delay:.3s}.wave-listening .wave-element:nth-child(5){animation-delay:.4s}.wave-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:40px;background:radial-gradient(circle,rgba(0,102,255,.2) 0,transparent 70%);opacity:0;transition:opacity var(--animation-duration) ease}.wave-active .wave-glow{opacity:1}.control-panel{background:rgba(0,0,0,.8);padding:var(--control-panel-padding);flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-panel,.status-message{display:flex;align-items:center}.status-message{color:var(--white);font-size:16px;font-weight:500;text-align:center;opacity:.9;min-height:24px;justify-content:center}.control-buttons{display:flex;justify-content:space-around;align-items:center;gap:40px;width:100%}.control-button{width:var(--button-size);height:var(--button-size);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--animation-duration) ease;color:var(--white);font-size:0;position:relative;overflow:hidden}.control-button:hover:not(:disabled){transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pause-button{background:var(--transparent-white);border:2px solid var(--transparent-white-light)}.pause-button.start-button{background:var(--primary-blue);border:2px solid var(--secondary-blue)}.pause-button.paused{background:var(--secondary-blue);border:2px solid var(--primary-blue)}.stop-button{background:var(--danger-red);border:none}.stop-button:hover:not(:disabled){background:#f55;box-shadow:0 0 20px rgba(255,68,68,.4)}@keyframes breathing-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}@keyframes thinking-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes speaking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}@keyframes paused-glow{0%,to{opacity:.7;box-shadow:0 0 20px rgba(0,102,255,.2)}50%{opacity:.9;box-shadow:0 0 30px rgba(0,102,255,.4)}}@keyframes error-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes wave-bars{0%,to{height:20px;opacity:.6}50%{height:40px;opacity:1}}@media (max-width:768px){:root{--button-size:70px;--wave-height:70px;--control-panel-padding:25px}.control-buttons{gap:30px}.status-message{font-size:14px}}@media (max-width:480px){:root{--button-size:50px;--wave-height:50px;--control-panel-padding:15px}.audio-wave-visualization{width:85%}.control-buttons{gap:20px}.status-message{font-size:13px}.wave-element{width:3px;height:15px}}.audio-wave-visualization,.control-button,.wave-element{will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.wave-element,.wave-error,.wave-listening,.wave-paused,.wave-speaking,.wave-thinking{animation:none}.control-button:hover:not(:disabled){transform:none}}