*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#07070d;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}.app-loading{background:#07070d;height:100vh}.avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar-float{animation:3.6s ease-in-out infinite avatarFloat}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-img{object-fit:cover;display:block}.avatar-ring{opacity:0;border:3px solid #0000;transition:opacity .2s;position:absolute}.avatar-ring--speaking{opacity:.85;animation:1s ease-in-out infinite ringPulseSlow}.avatar-ring--listening{opacity:.85;animation:.6s ease-in-out infinite ringPulseFast}@keyframes ringPulseSlow{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes ringPulseFast{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.bubble-row{align-items:flex-end;gap:.5rem;margin-bottom:.75rem;padding:0 1rem;display:flex}.bubble-row--user{flex-direction:row-reverse}.bubble-avatar{color:#fff;background:linear-gradient(135deg,#6c63ff,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6rem;font-weight:700;display:flex}.bubble{word-break:break-word;white-space:pre-wrap;border-radius:16px;max-width:70%;padding:.65rem .9rem;font-size:.9rem;line-height:1.5}.bubble--epic{color:#e2e8f0;background:#1e1e2e;border-bottom-left-radius:4px}.bubble--user{color:#fff;background:linear-gradient(135deg,#6c63ff,#a855f7);border-bottom-right-radius:4px}.bubble--failed{opacity:.6}.bubble-text{display:block}.bubble-status{opacity:.7;margin-top:.25rem;font-size:.7rem;display:block}.bubble-status--failed{color:#f87171;opacity:1}.bubble-speak{cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.85rem;line-height:1;transition:opacity .15s}.bubble-speak:hover,.bubble-speak--active{opacity:1}.chat-input-bar{background:#0a0a0f;border-top:1px solid #1e1e2e;align-items:center;gap:.4rem;padding:.4rem .75rem;display:flex}.chat-textarea{color:#e2e8f0;resize:none;background:#1e1e2e;border:1px solid #2d2d3f;border-radius:20px;outline:none;flex:1;max-height:100px;padding:.45rem .85rem;font-family:inherit;font-size:.875rem;line-height:1.4;transition:border-color .15s}.chat-textarea:focus{border-color:#6c63ff}.chat-textarea::placeholder{color:#475569}.send-btn,.mic-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:opacity .15s,background .15s;display:flex}.send-btn{color:#fff;background:linear-gradient(135deg,#6c63ff,#a855f7)}.send-btn:disabled{opacity:.35;cursor:default}.mic-btn{color:#94a3b8;background:#1e1e2e}.mic-btn:hover{background:#2d2d3f}.mic-btn--active{color:#fff;background:#f87171!important}.chat-page{background:#07070d;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.chat-header{background:#0a0a0f;border-bottom:1px solid #1e1e2e;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 1rem;display:flex}.chat-header-left{align-items:center;display:flex}.chat-name{color:#e2e8f0;font-size:.95rem;font-weight:600;line-height:1.2}.chat-status{font-size:.7rem;line-height:1.2}.chat-status--online{color:#4ade80}.chat-status--offline{color:#94a3b8}.chat-header-right{align-items:center;display:flex}.chat-avatar-area{flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 0 .25rem;display:flex}.chat-messages{scroll-behavior:smooth;flex:1;padding:1rem 0;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#2d2d3f;border-radius:2px}.team-online{align-items:center;margin-right:.5rem;display:flex}.team-dot{color:#fff;cursor:default;background:linear-gradient(135deg,#059669,#10b981);border:2px solid #07070d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-6px;font-size:.65rem;font-weight:700;transition:transform .15s;display:flex}.team-dot:first-child{margin-left:0}.team-dot:hover{transform:scale(1.15);z-index:10!important}.team-dot--overflow{color:#94a3b8;background:#1e1e2e;font-size:.6rem}.chat-footer{text-align:center;color:#475569;background:#07070d;flex-shrink:0;padding:.4rem;font-size:.65rem}.chat-footer a{color:#475569;text-decoration:none}.chat-footer a:hover{color:#94a3b8}.chat-profile-btn{text-decoration:none}.chat-profile-avatar{color:#94a3b8;background:#1e1e2e;border:1px solid #2d2d3f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:600;transition:border-color .15s;display:flex}.chat-profile-btn:hover .chat-profile-avatar{border-color:#6c63ff}.bubble--typing{align-items:center;gap:4px;padding:.75rem 1rem;display:flex}.bubble--typing span{background:#6c63ff;border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.bubble--typing span:nth-child(2){animation-delay:.2s}.bubble--typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.settings-page{background:#07070d;min-height:100vh;overflow-y:auto}.settings-inner{max-width:680px;margin:0 auto;padding:0 1rem 2rem}.settings-header{z-index:10;background:#07070d;justify-content:space-between;align-items:center;padding:1rem 0 .5rem;display:flex;position:sticky;top:0}.settings-back{color:#6c63ff;font-size:.875rem;font-weight:600;text-decoration:none}.settings-title{color:#e2e8f0;font-size:1.1rem;font-weight:700}.settings-preview{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:.5rem;padding:1.5rem 1rem 1rem;display:flex}.settings-preview-label{color:#64748b;margin-top:.5rem;font-size:.875rem;font-weight:600}.settings-section{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:16px;flex-direction:column;gap:.75rem;margin-top:.75rem;padding:1.25rem;display:flex}.settings-section-title{color:#e2e8f0;margin:0;font-size:.95rem;font-weight:700}.settings-row{align-items:center;display:flex}.settings-row--between{justify-content:space-between}.settings-label{color:#e2e8f0;font-size:.9rem}.settings-sub{color:#64748b;margin-top:.1rem;font-size:.75rem}.toggle{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:#2d2d3f;border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:#6c63ff}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.5rem;display:grid}.skin-cell{cursor:pointer;background:#1a1a2e;border:2px solid #2d2d3f;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem .3rem;font-family:inherit;transition:border-color .15s,background .15s;display:flex;position:relative}.skin-cell:hover{border-color:#4c4caa}.skin-cell--selected{background:#1e1a3a;border-color:#6c63ff}.skin-label{color:#64748b;text-align:center;font-size:.65rem;line-height:1.2}.skin-cell--selected .skin-label{color:#a78bfa}.skin-check{background:#6c63ff;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}.voice-list{flex-direction:column;gap:.3rem;max-height:260px;display:flex;overflow-y:auto}.voice-row{cursor:pointer;text-align:left;background:#1a1a2e;border:1.5px solid #2d2d3f;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-family:inherit;transition:border-color .15s;display:flex}.voice-row:hover{border-color:#4c4caa}.voice-row--selected{border-color:#6c63ff}.voice-name{color:#e2e8f0;font-size:.85rem}.voice-lang{color:#64748b;font-size:.7rem}.voice-check{background:#6c63ff;border-radius:50%;width:8px;height:8px}.int-card{background:#1a1a2e;border:1px solid #2d2d3f;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.int-left{flex:1;align-items:center;gap:.75rem;display:flex}.int-icon{font-size:1.25rem}.int-label{color:#e2e8f0;font-size:.875rem;font-weight:600}.int-sub{color:#64748b;margin-top:.1rem;font-size:.75rem}.int-right{align-items:center;gap:.5rem;display:flex}.cred-row{background:#1a1a2e;border:1px solid #2d2d3f;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem .75rem;display:flex}.cred-info{flex:1;min-width:0}.cred-name{color:#e2e8f0;font-size:.875rem;font-weight:600}.cred-badge{color:#a5b4fc;background:#312e81;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700}.cred-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.cred-action{cursor:pointer;background:#1e1e2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.cred-action--test{background:#1a1a3e;border:1px solid #6c63ff}.settings-empty{text-align:center;color:#64748b;background:#1a1a2e;border:1px solid #2d2d3f;border-radius:10px;padding:1rem;font-size:.85rem}.profile-form-inner{flex-direction:column;gap:.6rem;display:flex}.pf-row{gap:.75rem;display:flex}.pf-col{flex-direction:column;flex:1;gap:.2rem;display:flex}.field-group{flex-direction:column;gap:.25rem;display:flex}.field-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.field-input{color:#e2e8f0;box-sizing:border-box;background:#0f0f1a;border:1px solid #2d2d3f;border-radius:8px;outline:none;width:100%;padding:.55rem .7rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}.field-input:focus{border-color:#6c63ff}.pw-row{align-items:center;gap:.4rem;display:flex}.pw-row .field-input{flex:1}.eye-btn{cursor:pointer;background:#1a1a2e;border:1px solid #2d2d3f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.type-selector{gap:.5rem;margin-bottom:.25rem;display:flex}.type-opt{color:#64748b;cursor:pointer;background:#1a1a2e;border:1.5px solid #2d2d3f;border-radius:8px;flex:1;padding:.4rem;font-family:inherit;font-size:.85rem;font-weight:600}.type-opt--selected{color:#a78bfa;border-color:#6c63ff}.settings-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#a855f7);border:none;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.settings-btn-sm{color:#94a3b8;cursor:pointer;background:#1e1e2e;border:1px solid #2d2d3f;border-radius:7px;padding:.35rem .6rem;font-family:inherit;font-size:.75rem}.settings-btn-danger{color:#f87171;cursor:pointer;background:#1f0d0d;border:1px solid #7f1d1d;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.settings-msg{border-radius:8px;margin:0;padding:.5rem .7rem;font-size:.85rem}.settings-msg--ok{color:#86efac;background:#0d1f12;border:1px solid #14532d}.settings-msg--error{color:#fca5a5;background:#1f0d0d;border:1px solid #7f1d1d}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card{background:#0f0f1a;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;gap:.75rem;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;display:flex;overflow-y:auto}.modal-title{color:#e2e8f0;text-align:center;margin:0;font-size:1rem;font-weight:700}.modal-btns{gap:.75rem;margin-top:.25rem;display:flex}.modal-cancel{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #2d2d3f;border-radius:10px;flex:1;padding:.7rem;font-family:inherit;font-weight:600}.modal-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#a855f7);border:none;border-radius:10px;flex:1;padding:.7rem;font-family:inherit;font-weight:700}@media (width<=520px){.pf-row{flex-direction:column;gap:.4rem}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}.legal-page{background:#07070d;justify-content:center;min-height:calc(100vh - 56px);padding:2rem 1rem;display:flex}.legal-content{color:#cbd5e1;width:100%;max-width:720px;line-height:1.7}.legal-back{color:#6c63ff;margin-bottom:1.5rem;font-size:.875rem;text-decoration:none;display:inline-block}.legal-back:hover{text-decoration:underline}.legal-content h1{color:#e2e8f0;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.legal-date{color:#475569;margin-bottom:2rem;font-size:.8rem}.legal-content h2{color:#e2e8f0;margin:1.75rem 0 .5rem;font-size:1rem;font-weight:600}.legal-content p{margin:0 0 .75rem;font-size:.9rem}.legal-content ul{margin:0 0 .75rem 1.25rem;font-size:.9rem}.legal-content li{margin-bottom:.3rem}.legal-content a{color:#6c63ff}.legal-content strong{color:#e2e8f0;font-weight:600}