.header{height:50px;width:100%;background:linear-gradient(180deg,#1a5276,#2980b9);display:flex;align-items:center;justify-content:space-between;padding:0 15px;position:fixed;top:0;left:0;z-index:100}.header-time{font-size:24px;font-weight:700;color:#fff}.header-logo{height:35px;font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center}.avatar-container{height:330px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-top:50px;background:linear-gradient(180deg,#2980b9,#1a5276,#154360);overflow:hidden}.avatar{max-width:330px;max-height:330px;width:auto;height:auto;position:relative;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-img{max-width:330px;max-height:330px;width:auto;height:auto;object-fit:contain;display:block}.avatar.idle{animation:avatar-breathe 4s ease-in-out infinite}.avatar.connecting{animation:avatar-pulse-fast 1s ease-in-out infinite}.avatar.ready{animation:avatar-pulse-medium 2.5s ease-in-out infinite}.avatar.listening{animation:avatar-pulse-attentive 1.5s ease-in-out infinite}.avatar.speaking{animation:avatar-pulse-speaking 2s ease-in-out infinite}.avatar.error{animation:avatar-shake .5s ease-out;filter:grayscale(.3);opacity:.9}.avatar.error-idle{animation:avatar-breathe-slow 5s ease-in-out infinite;filter:grayscale(.3);opacity:.9}@keyframes avatar-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes avatar-pulse-fast{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes avatar-pulse-medium{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes avatar-pulse-attentive{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes avatar-pulse-speaking{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes avatar-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes avatar-breathe-slow{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.avatar-mouth{transition:all .08s ease-out}.avatar-mouth.closed{height:3px;width:30px;border-radius:10px}.avatar-mouth.open-small{height:10px;width:25px;border-radius:50%}.avatar-mouth.open-medium{height:18px;width:30px;border-radius:50%}.avatar-mouth.open-large{height:25px;width:35px;border-radius:50%}.btn-mic{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-mic .icon{font-size:32px;color:#fff;-webkit-user-select:none;user-select:none}.btn-mic.unmuted{background:#4caf50;box-shadow:0 4px 12px #4caf5066}.btn-mic.unmuted:hover{background:#5cbf60;box-shadow:0 6px 16px #4caf5080}.btn-mic.unmuted:active{transform:scale(.95)}.btn-mic.muted{background:#757575;box-shadow:0 4px 12px #75757566}.btn-mic.muted:hover{background:#888}.btn-mic.muted:active{transform:scale(.95)}.btn-mic.disabled{background:#424242;opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}.status-message{width:300px;text-align:center;font-size:16px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:1px;line-height:1.3;padding:0 10px;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.btn-conversation{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-conversation .icon{font-size:32px;color:#fff;-webkit-user-select:none;user-select:none}.btn-conversation.start{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.btn-conversation.start:hover{background:linear-gradient(135deg,#7c8ff0,#8a5bb5);box-shadow:0 6px 16px #667eea80}.btn-conversation.start:active{transform:scale(.95)}.btn-conversation.stop{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf5066}.btn-conversation.stop:hover{background:linear-gradient(135deg,#5cbf60,#43a047);box-shadow:0 6px 16px #4caf5080}.btn-conversation.stop:active{transform:scale(.95)}.footer{height:100px;width:100%;position:fixed;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:100}.app{width:480px;height:480px;position:relative;overflow:hidden;background:#000;box-shadow:0 0 20px #00000080;border:2px solid #333}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.app{width:480px;height:480px;position:relative;overflow:hidden;background:#000}