*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:600px;padding:20px}.header{padding:30px 0;text-align:center}.header h1{font-size:2rem;margin-bottom:8px}.header p{color:#888;font-size:.95rem}.usage-stats{background:#4a9eff1a;border-radius:20px;display:flex;font-size:.85rem;gap:20px;justify-content:center;margin-top:12px;padding:8px 16px}.usage-stats span{color:#4a9eff}.main{gap:24px}.api-mode-section,.main{display:flex;flex-direction:column}.api-mode-section{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;gap:10px;padding:16px}.api-mode-toggle{background:#1a1a2e;border-radius:10px;display:flex;gap:8px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.mode-btn:hover:not(:disabled){background:#4a9eff1a;color:#fff}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.mode-btn.active{background:linear-gradient(135deg,#4a9eff,#7b68ee);box-shadow:0 2px 10px #4a9eff4d;color:#fff}.api-mode-desc{color:#666;font-size:.8rem;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:16px}.control-group{flex:1 1;min-width:140px}.control-group label{color:#888;display:block;font-size:.85rem;margin-bottom:6px}.control-group select{background:#252540;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 12px;width:100%}.control-group select:focus{border-color:#4a9eff;outline:none}.record-section{flex-direction:column;gap:16px;padding:30px 0}.record-btn,.record-section{align-items:center;display:flex}.record-btn{background:#4a9eff1a;border:4px solid #4a9eff;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:160px;justify-content:center;transition:all .3s ease;width:160px}.record-btn:hover:not(:disabled){background:#4a9eff33;transform:scale(1.05)}.record-btn:disabled{cursor:not-allowed;opacity:.5}.record-btn.recording{animation:pulse 1.5s infinite;background:#ff4a4a33;border-color:#ff4a4a}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.processing{color:#4a9eff;font-size:.95rem}.error{background:#ff4a4a1a;border-radius:6px;color:#ff4a4a;font-size:.9rem;padding:10px}.interim-section{background:#4a9eff1a;border:1px solid #4a9eff4d;border-radius:12px;padding:16px}.interim-text{text-align:center}.interim-original{color:#aaa;font-size:1.1rem;font-style:italic;margin-bottom:8px}.interim-translated{color:#4a9eff;font-size:1.2rem;font-weight:500}.results-section{background:#252540;border-radius:12px;padding:20px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.results-header h2{font-size:1.1rem;font-weight:500}.clear-btn{background:#333;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:.85rem;padding:6px 12px}.clear-btn:hover{background:#444;color:#fff}.results-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.empty{color:#666;padding:40px 0;text-align:center}.result-item{background:#1a1a2e;border-radius:8px;padding:16px}.result-item.live{animation:pulse-border 1.5s infinite;background:#4a9eff26;border:1px solid #4a9eff66}.result-item.complete{background:#4caf501a;border:1px solid #4caf504d}.complete-badge{color:#4caf50;margin-left:4px}@keyframes pulse-border{0%,to{border-color:#4a9eff66}50%{border-color:#4a9effcc}}.live-badge{background:#ff6b6b!important}.result-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.lang-badge{background:#4a9eff;border-radius:12px;color:#fff;font-size:.8rem;padding:4px 10px}.timestamp{color:#666;font-size:.8rem}.result-original,.result-translated{margin-bottom:10px}.result-original label,.result-translated label{color:#666;display:block;font-size:.8rem;margin-bottom:4px}.result-original p{color:#aaa}.result-translated p{color:#fff;font-size:1.05rem}.nav-tabs{display:flex;gap:8px;justify-content:center;margin-top:16px}.nav-tabs button{background:#0000;border:1px solid #333;border-radius:20px;color:#888;cursor:pointer;padding:8px 20px;transition:all .2s}.nav-tabs button.active,.nav-tabs button:hover{border-color:#4a9eff;color:#fff}.nav-tabs button.active{background:#4a9eff}.history-section h2{margin-bottom:16px}.recordings-list{display:flex;flex-direction:column;gap:12px}.recording-item{align-items:center;background:#252540;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.recording-info{display:flex;flex-direction:column;gap:4px}.recording-date{color:#fff;font-weight:500}.recording-meta{color:#888;font-size:.85rem}.recording-model{color:#4a9eff;font-weight:500}.recording-actions{display:flex;gap:8px}.play-btn{background:#4a9eff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.play-btn:hover{background:#3a8eef}.delete-btn{background:#ff4a4a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.delete-btn:hover{background:#ee3a3a}.playback-section{display:flex;flex-direction:column;gap:16px}.back-btn{align-self:flex-start;background:#0000;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;padding:8px 16px}.back-btn:hover{border-color:#4a9eff;color:#fff}.audio-player{background:#252540;border-radius:8px;padding:16px}.audio-player audio{border-radius:4px}.playback-subtitles{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.subtitle-item{background:#252540;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.subtitle-item:hover{background:#2a2a4a}.subtitle-item.active{background:#4a9eff1a;border-color:#4a9eff}.subtitle-time{color:#4a9eff;font-size:.85rem;font-weight:500;min-width:40px}.subtitle-content{flex:1 1}.subtitle-original{color:#aaa;font-size:.9rem;margin-bottom:4px}.subtitle-translated{color:#fff;font-size:1rem}.pipeline-status{align-items:center;display:flex;font-size:.85rem;gap:12px;justify-content:center;margin-top:10px}.vad-indicator{border-radius:12px;font-weight:500;padding:4px 12px;transition:all .3s ease}.vad-indicator.speaking{animation:pulse-green 1.5s infinite;background:#4caf5033;border:1px solid #4caf5066;color:#4caf50}.vad-indicator.silent{background:#9e9e9e26;border:1px solid #9e9e9e4d;color:#9e9e9e}.denoise-badge{background:#4a9eff26;border:1px solid #4a9eff4d;border-radius:12px;color:#4a9eff;font-size:.8rem;padding:4px 10px}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 #4caf5066}50%{box-shadow:0 0 0 6px #4caf5000}}.preload-status{align-items:center;background:#4a9eff14;border:1px solid #4a9eff33;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 20px}.preload-spinner{animation:spin .8s linear infinite;border:3px solid #4a9eff40;border-radius:50%;border-top-color:#4a9eff;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.preload-text{color:#8ab4f8;font-size:.85rem}.preload-bar{background:#ffffff1a;border-radius:2px;height:4px;max-width:220px;overflow:hidden;width:100%}.preload-bar-fill{background:linear-gradient(90deg,#4a9eff,#82c4ff);border-radius:2px;height:100%;transition:width .3s ease}.preload-fallback-notice{background:#ffc1071f;border:1px solid #ffc1074d;border-radius:10px;color:#ffc107;font-size:.82rem;margin-bottom:12px;padding:8px 16px;text-align:center}.fallback-badge{background:#ffc10726!important;border-color:#ffc1074d!important;color:#ffc107!important}.stats-badge{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#999;font-family:monospace;font-size:.75rem;padding:4px 10px}
/*# sourceMappingURL=main.aef1b666.css.map*/