:root{font-family:system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#004c8f;text-decoration:inherit}a:hover{color:#e5097f}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid #004C8F;outline-offset:2px}#root{width:100%;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f7f7f7;color:#333}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#004c8f;color:#fff;padding:1rem;box-shadow:0 2px 5px #0000001a}.logo-container{display:flex;align-items:center;justify-content:center}.logo-container h1{font-size:1.8rem;margin:0}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.bot-container{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center}.bot-avatar{width:120px;height:120px;background-color:#e5097f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.volume-animation{width:80%;height:70%;display:flex;justify-content:space-between;align-items:flex-end}.volume-bar{width:15%;background:#fff;border-radius:4px;height:20%;transition:height .1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bot-info{margin-bottom:2rem}.bot-info h2{font-size:1.8rem;color:#004c8f;margin:0 0 .5rem}.bot-info p{color:#666;margin:0}.controls{width:100%}.start-button,.stop-button{padding:1rem 2rem;font-size:1rem;border:none;border-radius:30px;cursor:pointer;font-weight:700;width:100%;transition:all .3s ease}.start-button{background-color:#004c8f;color:#fff}.start-button:hover{background-color:#003b70;transform:translateY(-2px);box-shadow:0 4px 8px #004c8f4d}.stop-button{background-color:#e5097f;color:#fff}.stop-button:hover{background-color:#c30868;transform:translateY(-2px);box-shadow:0 4px 8px #e5097f4d}.footer{padding:1rem;background-color:#f0f0f0;text-align:center;color:#666;font-size:.9rem}.bot-avatar.active{animation:pulse 2s infinite ease-in-out}