.app{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-content);color:var(--fg-2);font-family:var(--font-sans);overflow:hidden}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--bg-base);border-bottom:1px solid var(--border-subtle)}.logo{height:22px;width:auto;display:block}.tbpill{display:flex;align-items:center;gap:9px;padding:6px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--text-base);color:var(--fg-2);font-weight:500}.tbspacer{flex:1 1}.tbstatus{gap:8px;font-size:var(--text-base);color:var(--fg-3);font-weight:500;padding-right:4px}.tbicon,.tbstatus{display:flex;align-items:center}.tbicon{width:34px;height:34px;justify-content:center;border-radius:var(--r-md);color:var(--fg-4);cursor:pointer;border:none;background:transparent}.tbicon:hover{color:var(--fg-2);background:rgba(255,255,255,.03)}.avatar{width:32px;height:32px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--violet-500),var(--violet-700));display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:#fff}.body{min-height:0}.body,.main{flex:1 1;display:flex}.main{flex-direction:column;min-width:0;padding:22px 28px}.mhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:16px}.mtitle{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--fg-1);letter-spacing:var(--tracking-tight)}.msub{font-size:var(--text-base);color:var(--fg-4);margin-top:4px}.work{flex:1 1;display:flex;gap:24px;min-height:0}.trans{flex:1 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-auto-rows:min-content;align-content:start;grid-gap:14px;gap:14px;overflow-y:auto;overflow-x:hidden;padding-right:8px;min-width:0}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:15px 17px;display:flex;flex-direction:column;gap:11px;flex:none;transition:border-color .15s}.card.act{border-color:var(--border-violet)}.chead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.cname{font-size:var(--text-md);font-weight:600;color:var(--fg-1)}.cnative{font-size:var(--text-sm)}.cnative,.cvoice{color:var(--fg-4)}.cvoice{margin-left:auto;font-size:var(--text-xs);display:flex;align-items:center;gap:6px}.cvoice b{color:var(--fg-3);font-weight:500}.mutebtn{border:1px solid var(--border);background:var(--surface-1);color:var(--brand-hover);width:26px;height:26px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:all .12s}.mutebtn svg{width:14px;height:14px}.mutebtn:hover{border-color:var(--border-strong)}.mutebtn.off{color:var(--fg-5);background:transparent}.card.muted{opacity:.82}.flagdot{width:26px;height:26px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--border-violet);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--brand-hover);letter-spacing:.02em;flex:none}.tx{font-size:var(--text-md);line-height:var(--leading-relax);color:var(--fg-1);margin:0;min-height:42px;white-space:pre-wrap;word-break:break-word}.tx.rtl{direction:rtl;text-align:right}.ph{font-size:var(--text-md);color:var(--fg-5);margin:0;min-height:42px;font-style:italic}.caret{display:inline-block;width:2px;height:1.05em;background:var(--brand);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cfoot{gap:12px}.cfoot,.playbtn{display:flex;align-items:center}.playbtn{width:34px;height:34px;flex:none;border-radius:var(--r-pill);border:1px solid var(--border-violet);background:var(--brand-soft);color:var(--brand-hover);justify-content:center;cursor:pointer;transition:all .12s}.playbtn:hover{background:var(--brand);color:#fff}.playbtn.dis{border-color:var(--border-subtle);background:transparent;color:var(--fg-5);cursor:default}.playbtn svg{width:15px;height:15px}.wave{flex:1 1;height:38px;display:flex;align-items:center;gap:2px;overflow:hidden}.wave .bar{flex:1 1;min-width:2px;height:30%;background:var(--fg-5);border-radius:2px;transform-origin:center;transition:height .12s,background .12s}.wave .bar.on,.wave.live .bar{background:var(--brand)}.wave.live .bar{animation:barlive .85s ease-in-out infinite}@keyframes barlive{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.foottag{font-size:var(--text-sm);font-weight:500;color:var(--fg-4);white-space:nowrap;display:flex;align-items:center;gap:6px;min-width:88px;justify-content:flex-end}.foottag i{width:6px;height:6px;border-radius:50%;flex:none}.foottag.gen i{background:var(--brand);animation:pulse2 1.4s ease-out infinite}.foottag.gen{color:var(--brand-hover)}.foottag.rdy i{background:var(--success)}.foottag.rdy{color:var(--fg-3)}.foottag.idle i{background:var(--fg-5)}@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(151,71,255,.5)}to{box-shadow:0 0 0 6px rgba(151,71,255,0)}}.stage{width:380px;flex:none;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px 22px;flex-direction:column}.eyebrow,.stage{display:flex;align-items:center}.eyebrow{align-self:flex-start;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-4);gap:7px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--brand)}.srcbox{width:100%;min-height:104px;margin-top:12px;padding:14px 15px;background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.srcbox.rtl{direction:rtl;text-align:right}.srctx{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.55;color:var(--fg-1);margin:0;white-space:pre-wrap}.srcph{font-size:var(--text-md);color:var(--fg-5);margin:0;font-style:italic}.micwrap{margin:30px 0 8px;width:148px;height:148px}.mic,.micwrap{position:relative;display:flex;align-items:center;justify-content:center}.mic{width:118px;height:118px;border-radius:var(--r-pill);border:2px solid var(--border-violet);background:var(--brand-faint);color:var(--brand-hover);cursor:pointer;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:all .15s;z-index:2}.mic:hover{background:var(--brand-soft)}.mic svg{width:42px;height:42px}.mic.recording{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 1px var(--border-violet),0 8px 34px rgba(151,71,255,.45)}.mic.done{border-color:var(--success-dim);color:var(--success)}.ring{position:absolute;inset:0;border-radius:var(--r-pill);border:2px solid var(--brand);opacity:0;pointer-events:none}.mic.recording .ring{animation:ring 1.7s ease-out infinite}.mic.recording .ring.r2{animation-delay:.85s}@keyframes ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}.micsub{font-size:var(--text-md);font-weight:600;color:var(--fg-2);margin-top:4px;text-align:center}.micsub b{color:var(--brand-hover)}.iwave{width:100%;height:46px;margin:16px 0 4px;display:flex;align-items:center;gap:2px}.iwave .bar{flex:1 1;min-width:2px;height:18%;background:var(--surface-3);border-radius:2px;transform-origin:center}.iwave.live .bar{background:var(--brand);animation:barlive .7s ease-in-out infinite}.statusline{display:flex;align-items:center;gap:9px;font-size:var(--text-base);color:var(--fg-3);margin-top:8px;text-align:center}.statusline i{width:7px;height:7px;border-radius:50%;flex:none;background:var(--fg-5)}.statusline.rec i{background:var(--brand);animation:pulse2 1.4s ease-out infinite}.statusline.done i{background:var(--success)}.mctrls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sel-sm{padding:7px 10px;font-size:var(--text-base)}.ctrlgroup{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.ctrllbl{font-size:10px;color:var(--fg-5);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);padding-left:2px}.srctoggle{display:flex;gap:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}.srctoggle button{border:none;background:transparent;color:var(--fg-3);font-size:var(--text-base);font-weight:500;padding:5px 14px;border-radius:var(--r-pill);cursor:pointer}.srctoggle button.on{background:var(--brand-soft);color:var(--brand-hover)}.srctoggle button:disabled{opacity:.5;cursor:not-allowed}.share{width:100%;margin-top:18px;background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:14px 15px;display:flex;flex-direction:column;gap:10px}.share .lbl{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-4)}.codebox{display:flex;align-items:center;gap:10px}.code{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;color:var(--fg-1);letter-spacing:.18em}.copybtn{margin-left:auto;border:1px solid var(--border);background:var(--surface-1);color:var(--fg-3);font-size:var(--text-sm);font-weight:500;padding:6px 12px;border-radius:var(--r-sm);cursor:pointer}.copybtn:hover{color:var(--fg-1);border-color:var(--border-strong)}.qrimg{width:120px;height:120px;border-radius:var(--r-sm);background:#fff;padding:6px;align-self:center}.joinhint{font-size:var(--text-sm);color:var(--fg-4);line-height:var(--leading-normal)}.listeners{display:flex;align-items:center;gap:8px;font-size:var(--text-base);color:var(--fg-3)}.livedot{width:7px;height:7px;border-radius:50%;background:var(--success);flex:none}.livedot.pulse{animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.4)}to{box-shadow:0 0 0 7px rgba(52,211,153,0)}}.fab{position:fixed;left:16px;bottom:16px;width:38px;height:38px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--fg-4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;opacity:.55;transition:opacity .15s,color .15s}.fab:hover{opacity:1;color:var(--fg-1);border-color:var(--border-strong)}.fab svg{width:18px;height:18px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{width:420px;max-width:100%;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg)}.modal h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--fg-1)}.modal .hint{font-size:var(--text-sm);color:var(--fg-4);line-height:var(--leading-normal)}.modal .row{display:flex;gap:10px;justify-content:flex-end}.modal .ok{font-size:var(--text-sm);color:var(--success)}.banner{margin:0 28px 14px;padding:11px 14px;border-radius:var(--r-md);font-size:var(--text-base);display:flex;gap:10px;align-items:flex-start;border:1px solid}.banner.warn{background:var(--warning-soft);border-color:rgba(251,191,36,.3);color:#f5d98a}.banner.err{background:var(--danger-soft);border-color:rgba(248,113,113,.3);color:#f3a3a3}.listen{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-content)}.lmain{flex:1 1;align-items:center;justify-content:center;padding:24px}.lcard,.lmain{display:flex;flex-direction:column;min-height:0}.lcard{width:100%;max-width:720px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-2xl);padding:30px 28px;gap:18px}.lhead{gap:14px}.lflag,.lhead{display:flex;align-items:center}.lflag{width:46px;height:46px;border-radius:var(--r-pill);background:var(--brand-soft);border:1px solid var(--border-violet);justify-content:center;font-size:var(--text-md);font-weight:700;color:var(--brand-hover);flex:none}.lname{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--fg-1)}.lnative{font-size:var(--text-md);color:var(--fg-4)}.lstatus{margin-left:auto;gap:8px;color:var(--fg-3);font-weight:500}.lspeaking,.lstatus{display:flex;align-items:center;font-size:var(--text-base)}.lspeaking{gap:9px;font-weight:600;color:var(--brand-hover);text-transform:uppercase;letter-spacing:var(--tracking-label)}.lspeaking i{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:pulse2 1.4s ease-out infinite}.ltext{font-size:var(--text-2xl);line-height:var(--leading-relax);color:var(--fg-1);min-height:160px;max-height:46vh;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.ltext.rtl{direction:rtl;text-align:right}.ltext .ph{font-style:italic}.lwave{height:54px;display:flex;align-items:center;gap:3px}.lwave .bar{flex:1 1;min-width:2px;height:16%;background:var(--surface-3);border-radius:2px;transform-origin:center}.lwave.live .bar{background:var(--brand);animation:barlive .75s ease-in-out infinite}.center{position:fixed;inset:0;justify-content:center;padding:24px;gap:26px}.center,.hero{display:flex;flex-direction:column;align-items:center}.hero{text-align:center;gap:14px}.hero .logo{height:30px}.herotitle{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--fg-1);letter-spacing:var(--tracking-tight)}.herosub{font-size:var(--text-md);color:var(--fg-4);max-width:460px;line-height:var(--leading-normal)}.choices{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.choice{width:280px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:12px;text-align:left}.choice h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--fg-1);margin:0}.choice p{font-size:var(--text-base);color:var(--fg-4);margin:0;line-height:var(--leading-normal);flex:1 1}.btn{border:none;border-radius:var(--r-md);padding:11px 16px;font-size:var(--text-md);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-press)}.btn.ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--border-strong)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-4)}.input{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 13px;color:var(--fg-1);font-size:var(--text-md);font-family:var(--font-sans);outline:none}.input:focus{border-color:var(--border-violet)}.input.codeinput{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:var(--text-xl)}.select{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 13px;color:var(--fg-1);font-size:var(--text-md);font-family:var(--font-sans);outline:none}.langgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.langopt{display:flex;align-items:center;gap:9px;padding:10px 11px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;color:var(--fg-2);font-size:var(--text-base);font-weight:500}.langopt:hover{border-color:var(--border-strong)}.langopt.on{border-color:var(--border-violet);background:var(--brand-soft);color:var(--fg-1)}@media (max-width:880px){.work{flex-direction:column-reverse;overflow-y:auto}.stage{width:100%}.trans{overflow:visible}.main{padding:16px}}