.app{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden;isolation:isolate}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.15);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}.bg-blob{position:fixed;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;z-index:-1;transition:background 1.2s ease}.bg-blob-1{width:600px;height:600px;top:-200px;left:-150px;background:var(--accent);animation:drift1 20s ease-in-out infinite}.bg-blob-2{width:500px;height:500px;bottom:-200px;right:-150px;background:var(--accent);animation:drift2 25s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.1)}66%{transform:translate(-30px,60px) scale(.95)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-30px) scale(1.05)}66%{transform:translate(40px,-50px) scale(.9)}}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 24px 0;flex-shrink:0}.logo{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.25em;color:var(--text-muted);text-shadow:0 0 20px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1)}.logo-accent{color:var(--accent);transition:color 1s ease;text-shadow:0 0 10px var(--accent-glow)}.header-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.lang-pill{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);padding:3px 10px;border-radius:100px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);transition:all 1s ease}.timing-pill{font-family:var(--font-mono);font-size:.55rem;font-weight:300;letter-spacing:.05em;color:var(--text-dim);background:#ffffff08;padding:3px 10px;border-radius:100px;border:1px solid var(--border)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 24px;min-height:0}.orb-area{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viz-canvas{position:absolute;width:400px;height:400px;pointer-events:none}.orb-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ring{position:absolute;border-radius:50%;border:1px solid var(--accent-dim);transition:border-color 1s ease,opacity 1s ease}.ring-1{top:70px;right:70px;bottom:70px;left:70px;opacity:.6;animation:ring-breathe 4s ease-in-out infinite}.ring-2{top:45px;right:45px;bottom:45px;left:45px;opacity:.3;animation:ring-breathe 4s ease-in-out infinite .5s}.ring-3{top:20px;right:20px;bottom:20px;left:20px;opacity:.15;animation:ring-breathe 4s ease-in-out infinite 1s}[data-state=listening] .ring-1,[data-state=listening] .ring-2,[data-state=listening] .ring-3{animation-duration:1.5s}[data-state=processing] .ring{animation:ring-spin 3s linear infinite}@keyframes ring-breathe{0%,to{transform:scale(1);opacity:var(--ring-opacity, .3)}50%{transform:scale(1.04);opacity:calc(var(--ring-opacity, .3) + .15)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;border:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);background:radial-gradient(circle at 40% 35%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12) 0%,var(--bg-surface) 70%);cursor:pointer;transition:all .4s ease;box-shadow:0 0 40px -10px var(--accent-glow),inset 0 0 30px -10px var(--accent-dim);-webkit-user-select:none;user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center}.orb:hover{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.5);box-shadow:0 0 60px -10px var(--accent-glow),inset 0 0 40px -10px var(--accent-dim)}.orb:active{transform:scale(.95)}.orb-icon{color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6);transition:color .4s ease;display:flex;align-items:center;justify-content:center}.orb:hover .orb-icon{color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.85)}[data-state=listening] .orb{animation:orb-pulse 2s ease-in-out infinite}[data-state=processing] .orb{animation:orb-processing 1.5s ease-in-out infinite}@keyframes orb-pulse{0%,to{box-shadow:0 0 40px -10px var(--accent-glow),inset 0 0 30px -10px var(--accent-dim)}50%{box-shadow:0 0 80px -5px var(--accent-glow),inset 0 0 50px -5px var(--accent-dim)}}@keyframes orb-processing{0%,to{transform:scale(1)}50%{transform:scale(.96)}}[data-state=speaking] .orb{animation:orb-speak 2.5s ease-in-out infinite}@keyframes orb-speak{0%,to{box-shadow:0 0 40px -10px var(--accent-glow),inset 0 0 30px -10px var(--accent-dim);transform:scale(1)}50%{box-shadow:0 0 60px 0 var(--accent-glow),inset 0 0 40px -5px var(--accent-dim);transform:scale(1.02)}}.status-text{font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.3em;color:var(--accent);margin-top:16px;transition:color 1s ease;text-shadow:0 0 10px var(--accent-glow)}.error-text{font-family:var(--font-mono);font-size:.7rem;color:#ef4444;margin-top:8px;padding:6px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;box-shadow:0 0 15px #ef44440d}.chat{width:100%;max-width:640px;display:flex;flex-direction:column;gap:12px;padding:10px 4px 20px}.chat-bubble{padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-width:92%}.chat-user{background:#ffffff08;align-self:flex-end;border-bottom-right-radius:4px;border-right-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1)}.chat-ai{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.06);align-self:flex-start;border-bottom-left-radius:4px;border-left:2px solid var(--accent)}.chat-streaming{border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);box-shadow:0 0 20px -5px var(--accent-glow)}.chat-role{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:5px}.chat-ai .chat-role{color:var(--accent)}.chat-text{font-size:.9rem;line-height:1.8;color:var(--text-primary);font-weight:400;padding-bottom:2px}.chat-ai .chat-text{color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.9)}.cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent);margin-left:3px;vertical-align:text-bottom;animation:blink .8s steps(2) infinite;box-shadow:0 0 8px var(--accent-glow)}@keyframes blink{0%{opacity:1}50%{opacity:0}}.controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px 32px;flex-shrink:0}.ctrl-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.ctrl-btn:hover{color:var(--text-primary);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05);transform:translateY(-2px);box-shadow:0 4px 15px -5px var(--accent-glow)}.ctrl-btn:active{transform:translateY(0)}.voice-panel{position:fixed;bottom:90px;left:50%;transform:translate(-50%);width:min(340px,90vw);max-height:60vh;overflow-y:auto;background:#0f0f11d9;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:100;box-shadow:0 20px 50px -10px #00000080,0 0 0 1px #ffffff0d inset}.voice-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px!important}.voice-panel-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary)}.voice-panel-close{background:#ffffff08;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.voice-panel-close:hover{color:var(--text-primary);background:#ffffff14;border-color:var(--text-muted)}.voice-section{margin-bottom:16px}.voice-section-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:8px;opacity:.8}.voice-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.voice-option:hover{background:#ffffff0a;border-color:#ffffff0d}.voice-option-main{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.voice-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-radio.active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 12px -2px var(--accent-glow);transform:scale(1.1)}.voice-name{font-size:.85rem;color:var(--text-muted);font-weight:400}.voice-option:hover .voice-name{color:var(--text-primary)}.voice-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:8px;opacity:0;transition:all .2s ease}.voice-option:hover .voice-delete{opacity:1}.voice-delete:hover{color:#ef4444;background:#ef44441f}.voice-upload-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border-radius:12px;border:1px dashed var(--border);background:none;color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;margin-top:10px}.voice-upload-btn:hover{color:var(--accent);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.4);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.04)}@media(max-width:480px){.orb-area,.viz-canvas{width:260px;height:260px}.orb{width:110px;height:110px}.ring-1{top:45px;right:45px;bottom:45px;left:45px}.ring-2{top:28px;right:28px;bottom:28px;left:28px}.ring-3{top:10px;right:10px;bottom:10px;left:10px}.chat{max-width:100%;gap:10px}.voice-panel{width:calc(100% - 32px);bottom:20px}}.practice-panel{width:min(500px,95vw);max-height:80vh}.practice-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.practice-content{display:flex;flex-direction:column;gap:1.25rem}.practice-label-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.phrase-refresh-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.phrase-refresh-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:rotate(30deg)}.phrase-refresh-btn.spinning svg{animation:practice-spin 1s linear infinite}.practice-phrase{background:#0003;border-left:4px solid var(--accent);padding:1.5rem;border-radius:4px 16px 16px 4px;font-size:1.1rem;line-height:1.6;color:#fff;font-family:var(--font-mono);min-height:100px;display:flex;align-items:center;transition:all .3s ease}.practice-phrase.loading{opacity:.4;filter:blur(4px)}.practice-actions{display:flex;flex-direction:column;gap:24px}.practice-action-group{display:flex;flex-direction:column;gap:10px}.practice-action-label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--text-dim);opacity:.6}.practice-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1}.practice-btn:hover:not(:disabled){background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);transform:translateY(-2px);box-shadow:0 5px 15px -5px var(--accent-glow)}.practice-btn:disabled{opacity:.5;cursor:not-allowed}.practice-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.practice-btn.recording{border-color:#ef4444;background:#ef44441a;color:#ef4444;animation:practice-pulse 1.5s infinite}@keyframes practice-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.02);box-shadow:0 0 20px #ef444433}}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);border-top-color:var(--accent);border-radius:50%;animation:practice-spin .8s linear infinite}@keyframes practice-spin{to{transform:rotate(360deg)}}.practice-save-section{border-top:1px solid rgba(255,255,255,.05);margin-top:2rem;padding-top:2rem;display:flex;flex-direction:column;gap:12px}.save-voice-controls{display:flex;gap:12px}.voice-name-input{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-family:var(--font-mono);font-size:.85rem;transition:all .3s ease;outline:none}.voice-name-input:focus{border-color:var(--accent);background:#0000004d;box-shadow:0 0 15px -5px var(--accent-glow)}.save-voice-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--bg-elevated);color:#fff;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px}.save-voice-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.save-voice-btn.success{background:#10b981;border-color:#10b981;cursor:default}.save-voice-btn.error{background:#ef4444;border-color:#ef4444}.save-voice-btn:disabled{opacity:.5;cursor:not-allowed}.save-error-msg{font-size:.7rem;color:#ef4444;font-family:var(--font-mono);margin-top:4px}.spinning{animation:practice-spin 1.5s linear infinite}.navbar{position:fixed;bottom:2rem;left:0;right:0;height:auto;background:transparent;border:none;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.navbar-container{pointer-events:auto;display:flex;gap:12px;background:#14141e99;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);padding:8px 12px;border-radius:28px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px -10px #00000080,0 8px 16px -4px #0000004d,inset 0 0 0 1px #ffffff0d}.nav-item{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:auto;border-radius:20px}.nav-item.active{color:var(--accent)}.nav-item-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border-radius:14px;z-index:-1;box-shadow:0 0 20px -5px var(--accent-glow)}.nav-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;font-weight:600}.main-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px;overflow:hidden;display:flex;flex-direction:column}.view-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start!important;width:100%;gap:2rem}.settings-view{padding:20px 0;width:100%;max-width:900px;margin:0 auto;height:100%;display:flex;flex-direction:column;overflow:hidden}.settings-header{margin-bottom:2rem}.settings-title{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:.5rem}.settings-subtitle{color:var(--text-muted);font-size:.9rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.settings-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.section-title{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.voice-list{display:flex;flex-direction:column;gap:12px}.voice-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.voice-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(4px)}.voice-card.selected{background:var(--accent-dim);border-color:var(--accent)}.voice-card-content{display:flex;align-items:center;gap:12px;z-index:1}.voice-info{display:flex;flex-direction:column}.voice-name{font-weight:600;font-size:.95rem}.voice-type{font-size:.7rem;color:var(--text-muted)}.selected-indicator{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);box-shadow:2px 0 10px var(--accent-glow)}.btn-upload-full{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;color:#000;border:none;border-radius:14px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-upload-full:hover{background:#f0f0f0;transform:translateY(-2px)}.btn-icon-delete{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.1);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon-delete:hover{background:#ef4444;color:#fff}.empty-state{text-align:center;color:var(--text-muted);font-size:.8rem;padding:2rem;font-family:var(--font-mono)}.practice-panel{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:800px!important;margin:0 auto!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.practice-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem}.header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:24px 32px!important;width:100%}.header-left{display:flex;align-items:center;gap:24px}.header-badges{display:flex;gap:12px;align-items:center}.header-clear-btn{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 14px;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease}.header-clear-btn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444;transform:translateY(-1px)}.header-clear-btn svg{opacity:.6}.header-clear-btn:hover svg{opacity:1}@media(max-width:768px){.header{padding:16px 20px!important}.header-left{gap:12px}.header-badges,.header-clear-btn span{display:none}}.btn-preview{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:2}.btn-preview:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.1);box-shadow:0 0 15px var(--accent-glow)}.btn-preview.playing{background:#10b981;border-color:#10b981;box-shadow:0 0 15px #10b98166}.spinning{animation:practice-spin .8s linear infinite}.status-container{min-height:80px;display:flex;align-items:center;justify-content:center}.chat-viewport{width:100%;max-width:720px;height:35vh;display:flex;flex-direction:column}.navbar-container{padding:6px;gap:6px}.nav-item{padding:10px 16px;border-radius:22px}.nav-item-glow{border-radius:20px}.nav-label{font-size:.6rem}.chat-view-layout{width:100%;height:100%;display:flex;flex-direction:row;align-items:stretch;gap:4rem;padding-bottom:80px}.orb-wrapper-fixed{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem}.status-container-fixed{height:40px;display:flex;align-items:center;justify-content:center}.chat-viewport-bottom{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding-right:1rem}.chat-viewport-bottom .chat{max-width:100%;margin-top:auto}@media(max-width:768px){.chat-view-layout{flex-direction:column;align-items:center;gap:1rem}.orb-wrapper-fixed{flex:0 0 auto}.chat-viewport-bottom{flex:1;width:100%;max-height:35vh;padding-right:0}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.view-container{overflow-y:auto!important;height:100%;padding-bottom:100px}.voice-previews-group{display:flex;gap:8px;align-items:center}.btn-preview.btn-orig{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim)}.btn-preview.btn-orig:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.btn-preview.btn-orig.playing{background:#4ade801a;color:#4ade80;border-color:#4ade804d;box-shadow:0 0 15px -5px #4ade8066}.voice-badge{font-size:.55rem;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text-dim);margin-left:8px;font-family:var(--font-mono);letter-spacing:.05em;border:1px solid rgba(255,255,255,.05)}.voice-badge.clone{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.15);color:var(--accent);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);box-shadow:0 0 10px -2px var(--accent-glow)}.uploader-area{margin-top:2rem}.settings-container-split{display:flex;gap:3rem;width:100%;max-width:1100px;margin:0 auto;align-items:flex-start;flex:1;min-height:0}.settings-sidebar{flex:0 0 320px;position:sticky;top:0;display:flex;flex-direction:column;gap:1.5rem}.settings-content-scrollable{flex:1;min-height:0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:stretch}.settings-content-scrollable::-webkit-scrollbar{width:6px}.settings-content-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.voice-list-unified{display:grid;grid-template-columns:1fr;gap:12px}.uploader-capsule-compact{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05);border:2px dashed rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;cursor:pointer;transition:all .3s ease}.uploader-capsule-compact:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08);border-color:var(--accent);box-shadow:0 0 30px -10px var(--accent-glow)}.uploader-btn-fake{margin-top:8px;background:var(--accent);color:#fff;padding:8px 16px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px}@media(max-width:900px){.settings-container-split{flex-direction:column;gap:2rem}.settings-sidebar{flex:none;width:100%;position:static}.settings-content-scrollable{max-height:none;overflow:visible}}.uploader-capsule{width:100%;padding:2rem;background:#ffffff05;border:1.5px dashed rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.uploader-capsule:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.04);border-color:var(--accent);transform:translateY(-2px)}.uploader-icon-wrapper{background:var(--bg-elevated);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 4px 12px -2px #0003}.uploader-text-main{font-family:var(--font-display);font-weight:600;font-size:.9rem}.uploader-text-sub{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.hidden{display:none!important}.uploader-text-container{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}:root{--accent-r: 59;--accent-g: 130;--accent-b: 246;--accent: rgb(var(--accent-r), var(--accent-g), var(--accent-b));--accent-dim: rgba(var(--accent-r), var(--accent-g), var(--accent-b), .15);--accent-glow: rgba(var(--accent-r), var(--accent-g), var(--accent-b), .4);--bg-deep: #06060b;--bg-surface: #0c0c14;--bg-elevated: #12121c;--border: rgba(255, 255, 255, .06);--text-primary: #e8e8ed;--text-muted: #5a5a6e;--text-dim: #3a3a4e;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden;height:100dvh}#root{width:100%;height:100dvh}::selection{background:var(--accent-dim);color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}