.app{height:100%;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% -10%,#16203a,#0b0f1a 55%);--font-scale: 1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid rgba(255,255,255,.06);gap:8px}.brand{display:flex;align-items:baseline;gap:8px;min-width:0}.brand-title{font-size:17px;font-weight:700;letter-spacing:.5px}.brand-sub{font-size:11px;color:#7b8798;white-space:nowrap}.wave-dot{width:9px;height:9px;border-radius:50%;background:#3a4a63;align-self:center;transition:background .3s}.wave-dot[data-active=true]{background:#34d399;box-shadow:0 0 #34d39999;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.topbar-right{display:flex;align-items:center;gap:6px}.region-seg{display:inline-flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:2px;gap:2px}.region-opt{background:transparent;border:none;color:#9aa5b5;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s}.region-opt.active{background:#3b82f640;color:#cfe4ff}.region-opt:disabled{opacity:.4;cursor:not-allowed}.region-opt:not(.active):not(:disabled):hover{background:#ffffff14;color:#e5e9f0}.region-x{font-size:10px;opacity:.7;margin-left:2px}.icon-btn{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:16px;line-height:1;padding:7px 9px;color:#e5e9f0}.icon-btn:hover{background:#ffffff1f}.dot-badge{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#34d399}.chip{font-size:12px;padding:5px 10px;border-radius:999px;white-space:nowrap;background:#ffffff0f;color:#aeb8c7}.chip-listening{background:#34d39926;color:#6ee7b7}.chip-connecting{background:#fbbf2426;color:#fcd34d}.banner{padding:10px 16px;font-size:13px;cursor:pointer}.banner.error{background:#ef444426;color:#fca5a5;display:flex;justify-content:space-between;gap:12px}.banner-close{opacity:.6}.captions{flex:1;overflow-y:auto;padding:16px clamp(16px,5vw,64px) 24px;-webkit-overflow-scrolling:touch}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7688;gap:6px}.empty-icon{font-size:44px;margin-bottom:8px}.empty-title{font-size:18px;color:#aeb8c7;margin:0}.empty-desc{font-size:13px;line-height:1.7;margin:0;max-width:320px}.seg{padding:14px 16px;margin:0 0 12px;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.05);border-left:3px solid #3b82f6;animation:slideIn .25s ease}.seg.dir-zh2en{border-left-color:#f59e0b}.seg.dir-en2zh{border-left-color:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.seg-original{font-size:calc(21px * var(--font-scale));line-height:1.45;font-weight:600;color:#f5f7fa;word-break:break-word}.seg-translation{font-size:calc(18px * var(--font-scale));line-height:1.5;margin-top:8px;color:#9fd0ff;word-break:break-word}.dir-zh2en .seg-translation{color:#ffd9a0}.seg-loading{color:#5f6b7d;font-style:italic;font-size:calc(15px * var(--font-scale))}.seg-err{color:#fca5a5;font-size:calc(14px * var(--font-scale))}.seg-partial{background:#3b82f614;border-style:dashed;border-left-color:#64748b;opacity:.9}.seg-partial .seg-original{color:#cbd5e1;font-weight:500}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,5vw,48px) max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06);background:#0b0f1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ctrl-left,.ctrl-right{display:flex;gap:8px;flex:1}.ctrl-right{justify-content:flex-end}.ghost-btn{background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .15s}.ghost-btn:hover{background:#ffffff1f}.ghost-btn:disabled{opacity:.35;cursor:not-allowed}.mic-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:84px;height:84px;border-radius:50%;border:none;background:linear-gradient(160deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 24px #2563eb66;transition:transform .12s,box-shadow .2s;flex-shrink:0}.mic-btn:active{transform:scale(.94)}.mic-btn.on{background:linear-gradient(160deg,#ef4444,#dc2626);box-shadow:0 8px 24px #dc262673}.mic-btn:disabled{opacity:.6}.mic-icon{font-size:24px;line-height:1}.mic-label{font-size:12px;font-weight:700}@media(min-width:768px){.seg-original{font-size:calc(26px * var(--font-scale))}.seg-translation{font-size:calc(22px * var(--font-scale))}.brand-title{font-size:19px}}@media(min-width:1024px){.seg-original{font-size:calc(30px * var(--font-scale))}.seg-translation{font-size:calc(25px * var(--font-scale))}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:460px;background:#131a2b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;box-shadow:0 20px 60px #00000080}.modal-title{margin:0 0 6px;font-size:17px}.modal-optional{font-size:12px;color:#7b8798;font-weight:400}.modal-desc{margin:0 0 12px;font-size:12.5px;line-height:1.6;color:#9aa5b5}.modal-desc code{background:#ffffff14;padding:1px 5px;border-radius:4px;font-size:12px}.glossary-input{width:100%;background:#0b0f1a;color:#f5f7fa;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit}.glossary-input:focus{outline:none;border-color:#3b82f6}.modal-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.primary-btn{background:linear-gradient(160deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:700}.modal-note{margin:12px 0 0;font-size:12px;color:#fcd34d}.present{height:100dvh;background:#000;display:flex;flex-direction:column;--font-scale: 1}.present.hide-chrome{cursor:none}.present-stage{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(20px,4vh,48px);padding:clamp(24px,6vw,96px);overflow:hidden}.present-hint{text-align:center;color:#55606f;font-size:clamp(20px,3vw,34px)}.present-seg{border-left:6px solid #3b82f6;padding-left:clamp(16px,2vw,32px);animation:slideIn .3s ease}.present-seg.dir-zh2en{border-left-color:#f59e0b}.present-original{font-size:calc(clamp(30px,4.4vw,68px) * var(--font-scale));line-height:1.25;font-weight:700;color:#fff;word-break:break-word}.present-translation{font-size:calc(clamp(26px,3.6vw,54px) * var(--font-scale));line-height:1.3;margin-top:clamp(8px,1.4vh,20px);color:#9fd0ff;word-break:break-word}.present-seg.dir-zh2en .present-translation{color:#ffd9a0}.present-partial{border-left-color:#55606f;opacity:.75}.present-partial .present-original{font-weight:500;color:#cbd5e1}.present-bar{display:flex;align-items:center;gap:10px;padding:12px 20px max(12px,env(safe-area-inset-bottom));background:#0a0c14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.08);transition:opacity .4s}.present-bar.faded{opacity:0;pointer-events:none}.mini-mic{background:linear-gradient(160deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.mini-mic.on{background:linear-gradient(160deg,#ef4444,#dc2626)}.present-bar .chip{margin-left:auto}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0f1a;color:#f5f7fa;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}