html,body,#root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#15161c;width:100%;height:100%;margin:0;padding:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{color:#e8e8ea;background:#15161c;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.canvas-wrap{position:absolute;inset:0}.overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.overlay>*{pointer-events:auto}.header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.title{opacity:.55;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:500}.warning{color:#ffd28a;background:#ffb45026;border:1px solid #ffb45066;border-radius:6px;padding:6px 10px;font-size:12px}.side-dialog{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:10px;width:min(380px,38vw);display:flex;position:absolute;top:80px;bottom:100px;right:24px;overflow:hidden}@media (width<=720px){.side-dialog{width:auto;left:24px;right:24px}}.bubble{-webkit-backdrop-filter:blur(14px);pointer-events:auto;word-wrap:break-word;border-radius:18px;max-width:100%;padding:12px 18px;font-size:15px;line-height:1.45;animation:.25s ease-out slide-in}.user-bubble{color:#d6e3ff;background:#5082dc52;border:1px solid #78a0f040;border-bottom-right-radius:4px;align-self:flex-end}.assistant-bubble{background:#282a34d9;border:1px solid #ffffff0f;border-bottom-right-radius:4px;align-self:flex-end}.interim{opacity:.65;font-style:italic}.error{color:#faa;background:#dc505040;align-self:center}.controls{justify-content:center;display:flex}.mic-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#282832b3;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:500;transition:background .2s,transform .1s,border-color .2s;display:inline-flex}.mic-btn:hover:not(:disabled){background:#3c3c4bd9;border-color:#ffffff2e}.mic-btn:active:not(:disabled){transform:scale(.97)}.mic-btn:disabled{cursor:not-allowed;opacity:.65}.mic-dot{background:#888;border-radius:50%;width:10px;height:10px;transition:background .2s}.mic-listening .mic-dot{background:#ff5757;animation:1.2s ease-in-out infinite pulse}.mic-thinking .mic-dot{background:#ffb84a;animation:.8s ease-in-out infinite pulse}.mic-speaking .mic-dot{background:#4dd084;animation:.6s ease-in-out infinite pulse}.mic-error .mic-dot{background:#ff5757}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.settings-toggle{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;z-index:5;background:#282832b3;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:20px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:absolute;top:24px;right:24px}.settings-toggle:hover{background:#3c3c4be6;border-color:#fff3;transform:rotate(45deg)}.settings-backdrop{opacity:0;pointer-events:none;z-index:8;background:#00000080;transition:opacity .25s;position:absolute;inset:0}.settings-backdrop.open{opacity:1;pointer-events:auto}.settings-panel{-webkit-backdrop-filter:blur(24px);z-index:10;pointer-events:auto;background:#16171ef5;border-left:1px solid #ffffff14;flex-direction:column;width:min(440px,92vw);transition:transform .3s cubic-bezier(.32,.72,.18,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.settings-panel.open{transform:translate(0)}.settings-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h2{margin:0;font-size:18px;font-weight:600}.settings-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:inherit;font-size:28px;line-height:1;transition:color .2s,background .2s;display:flex}.settings-close:hover{color:#fff;background:#ffffff14}.settings-body{flex:1;padding:20px 24px 40px;overflow-y:auto}.settings-loading{text-align:center;color:#888;padding:40px 0}.settings-section{margin-bottom:28px}.settings-section h3{letter-spacing:.6px;text-transform:uppercase;color:#888;margin:0 0 12px;font-size:12px;font-weight:500}.avatar-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.avatar-card{text-align:left;color:#fff;cursor:pointer;background:#32343e99;border:1px solid #ffffff0f;border-radius:10px;padding:12px 14px;font-family:inherit;transition:background .15s,border-color .15s,transform .1s}.avatar-card:hover{background:#464854d9;border-color:#ffffff26}.avatar-card.selected{background:#5082dc47;border-color:#78a0f099}.avatar-card-name{font-size:14px;font-weight:500}.avatar-card-style{opacity:.55;margin-top:2px;font-size:11px}.settings-radio-group{flex-direction:column;gap:6px;display:flex}.radio-card{cursor:pointer;background:#32343e80;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.radio-card:hover{background:#464854b3}.radio-card.selected{background:#5082dc33;border-color:#78a0f080}.radio-card input{accent-color:#7ba9ff;margin-top:3px}.radio-card-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.radio-card-desc{color:#999;margin-top:2px;font-size:12px;line-height:1.4}.speed-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.speed-fastest{color:#6fdba7;background:#50c88233}.speed-fast{color:#7bbeff;background:#50a0dc33}.speed-balanced,.speed-slow{color:#f5b873;background:#dca05033}.voice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.voice-card{text-align:left;color:#fff;cursor:pointer;background:#32343e80;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px;font-family:inherit;transition:background .15s,border-color .15s}.voice-card:hover{background:#464854b3}.voice-card.selected{background:#5082dc38;border-color:#78a0f080}.voice-card-name{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.gender-badge{opacity:.7;font-size:14px}.gender-badge.female{color:#f590c7}.gender-badge.male{color:#6fb7e8}.voice-card-desc{color:#888;margin-top:2px;font-size:11px}.btn-secondary{color:#faa;cursor:pointer;background:#dc505026;border:1px solid #ff505066;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.btn-secondary:hover{background:#dc505040}