.container{max-width:800px;margin:0 auto;padding:20px;height:100vh;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;margin-bottom:20px;border:1px solid #333;padding:15px}.message{margin-bottom:15px;padding:10px;border-radius:5px;max-width:80%}.message.assistant{background:#262626;align-self:flex-start}.message.user{background:#1a1a1a;align-self:flex-end}button{background:transparent;color:#fff;border:1px solid white;padding:10px 20px;cursor:pointer}.spinner{display:inline-block;width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.pulse-indicator:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;margin-right:8px;opacity:.7;transform:scale(var(--audio-level, 1));transition:transform .1s}@keyframes spin{to{transform:rotate(360deg)}}.wave-container{position:relative;display:flex;min-height:100px;max-height:128px;justify-content:center;align-items:center;margin:2rem 0}.box-container{display:flex;justify-content:space-between;height:64px;width:100%;gap:2px}.box{height:100%;width:8px;background:#6366f1;border-radius:8px;transition:transform .05s ease;transform-origin:bottom center}.personality-selector{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.personality-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px;margin-top:10px}.personality-card{position:relative;height:150px;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s;overflow:hidden}.personality-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.personality-card.active{border-color:inherit}.personality-card img{width:100%;height:110px;object-fit:cover}.personality-card span{display:block;text-align:center;padding:5px;font-size:14px}.selection-badge{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#2ecc71;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.trump-button{background:linear-gradient(to right,red,#fc0);font-weight:700;text-transform:uppercase}.msgp{font-size:14px;font-family:Roboto,sans-serif}header nav a:any-link{text-decoration:none;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);outline:0}header nav a:hover{color:var(--lumo-header-text-color)}header nav a:active{background-color:var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct)}header nav a.active vaadin-icon{color:var(--lumo-primary-text-color)}header nav a.active{background-color:var(--lumo-primary-color-10pct)}.voice-recorder{position:relative;max-width:600px;margin:2rem auto}button{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s}button.recording{background:#dc3545;box-shadow:0 0 10px #dc354580}.transcript-box{margin-top:1rem;padding:1rem;border:1px solid #ddd;min-height:100px;border-radius:8px;background:#f8f9fa}@media screen and (max-width: 768px){vaadin-app-layout[primary-section=drawer] [slot=drawer]{width:100%!important}vaadin-app-layout h1[slot=navbar]{font-size:1rem!important;margin:0!important}button{padding:10px 16px;font-size:14px;width:auto;min-width:80px}vaadin-text-field,vaadin-text-area,vaadin-upload{width:100%!important;max-width:100%!important}vaadin-dialog-overlay [part=overlay]{width:95vw!important;max-width:95vw!important;margin:0 auto}.voice-recorder{max-width:100%;margin:1rem;padding:0 10px}.lottie-animation{width:200px!important;height:200px!important}.msgp{font-size:13px;padding:8px}vaadin-login-form{width:90vw!important;max-width:400px}}@media screen and (max-width: 480px){button{padding:8px 12px;font-size:13px}vaadin-app-layout h1[slot=navbar]{font-size:.9rem!important}.msgp{font-size:12px}}