@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f13;--color-surface:#1a1a2e;--color-border:#ffffff12;--color-text:#fff;--color-text-muted:#ffffff73;--color-primary:#6366f1;--color-primary-glow:#6366f166;--color-success:#10b981;--color-danger:#ef4444;--radius-lg:16px;--radius-xl:24px}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.person-section{padding-bottom:max(20px, env(safe-area-inset-bottom))}.translate-btn{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:104px;height:104px;transition:transform .15s,box-shadow .15s,background .2s;display:flex;position:relative;box-shadow:0 8px 32px #6366f173}.translate-btn:active,.translate-btn.recording{background:linear-gradient(135deg,#dc2626,#ef4444);transform:scale(.93);box-shadow:0 4px 20px #dc26268c}.translate-btn.processing{cursor:not-allowed;background:linear-gradient(135deg,#0ea5e9,#38bdf8);animation:1.6s ease-in-out infinite breathe;box-shadow:0 8px 32px #0ea5e973}.translate-btn.disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:1.5rem;line-height:1}.btn-label{color:#ffffffe6;letter-spacing:.02em;text-align:center;font-size:.64rem;font-weight:600}.pulse-ring{pointer-events:none;border:3px solid #ef444499;border-radius:50%;animation:1.2s ease-out infinite pulse-ring;position:absolute;inset:-8px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes breathe{0%,to{box-shadow:0 8px 32px #0ea5e973}50%{box-shadow:0 8px 48px #0ea5e9bf}}.conversation-screen{background:#0f0f13;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.conversation-screen.single-mode{justify-content:flex-end}.person-section{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:12px;padding:28px 20px 20px;display:flex}.single-panel{background:linear-gradient(#1a1a2e 0%,#12121a 100%);border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding:12px 16px 14px;display:flex}.speaker-switch{gap:6px;width:100%;max-width:360px;display:flex}.speaker-chip{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;flex:1;min-height:34px;padding:7px 10px;font-size:.74rem;font-weight:600}.speaker-chip.active{color:#fff;background:#6366f12e;border-color:#818cf88c}.flow-label{color:#ffffff73;letter-spacing:.08em;font-size:.68rem}.single-caption{flex-direction:column;align-items:center;gap:2px;display:flex}.person-b{background:linear-gradient(#12121a 0%,#1a1a2e 100%);border-bottom:1px solid #ffffff0f}.person-a{background:linear-gradient(#1a1a2e 0%,#12121a 100%);border-top:1px solid #ffffff0f}.rotated{transform:rotate(180deg)}.person-label{color:#ffffffd9;letter-spacing:.05em;text-transform:uppercase;font-size:.92rem;font-weight:700}.person-lang{color:#fff6;letter-spacing:.1em;font-size:.75rem;font-weight:600}.transcript-center{padding:calc(env(safe-area-inset-top,0px) + 28px) 20px 28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex;overflow-y:auto}.transcript-center.has-content{justify-content:flex-start}.hint-text{color:#ffffff40;text-align:center;font-size:.85rem;font-style:italic;line-height:1.8}.transcript-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:16px;animation:.25s slide-in;display:flex}.transcript-row{flex-direction:column;gap:4px;display:flex}.translated-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.translated-actions{align-items:center;gap:8px;display:flex}.transcript-tag{color:#6366f1e6;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.transcript-original{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.transcript-translated{color:#fff;margin:0;font-size:1.05rem;font-weight:500;line-height:1.55}.translated .transcript-tag{color:#10b981e6}.live-text{color:#fffc;text-align:center;max-width:260px;font-size:.9rem;line-height:1.5;animation:.2s fade-in}.error-badge{color:#fca5a5;text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;max-width:300px;padding:10px 16px;font-size:.85rem}.notice-badge{color:#bfdbfe;text-align:center;background:#3b82f61f;border:1px solid #60a5fa47;border-radius:12px;max-width:320px;padding:10px 16px;font-size:.82rem}.top-toolbar{bottom:calc(env(safe-area-inset-bottom,0px) + 15px);z-index:12;flex-direction:column-reverse;align-items:flex-end;display:flex;position:absolute;right:16px}.app-version{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);letter-spacing:.06em;color:#ffffff42;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.68rem;font-weight:600;position:absolute}.toolbar-shell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ab8;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:6px;display:flex}.toolbar-btn{color:#fff;background:#23232ae0;border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:40px;height:40px;font-size:1rem;display:grid;box-shadow:0 10px 28px #00000042}.toolbar-menu-btn{background:linear-gradient(135deg,#6366f138,#8b5cf633);border-color:#818cf842;font-size:1.2rem}.action-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121af0;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:4px;width:min(260px,100vw - 32px);margin-bottom:10px;margin-left:auto;padding:8px;display:flex;box-shadow:0 18px 40px #00000057}.action-menu-item{color:#ffffffe0;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;font-size:.92rem;display:flex}.action-menu-item.danger{color:#fda4af}.action-menu-item:hover,.action-menu-item:active{background:#ffffff0f}.session-chip{color:#ffffff9e;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:7px 12px;font-size:.76rem}.session-thread{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.transcript-bottom-anchor{width:1px;height:1px}.history-overlay{z-index:20;background:#03040aad;align-items:flex-end;display:flex;position:absolute;inset:0}.history-sheet{background:linear-gradient(#171823 0%,#0f1017 100%);border-top:1px solid #ffffff14;border-top-left-radius:22px;border-top-right-radius:22px;flex-direction:column;gap:12px;width:100%;max-height:min(70dvh,680px);padding:16px 16px 22px;display:flex}.history-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-toolbar{align-items:center;gap:8px;display:flex}.history-title{letter-spacing:.08em;color:#ffffffa6;text-transform:uppercase;font-size:.82rem;font-weight:700}.history-clear{color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:600}.history-close{color:#ffffffb8;background:0 0;border:none;font-size:.78rem;font-weight:600}.history-list{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.history-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.history-card.active{background:#6366f114;border-color:#818cf873}.history-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-actions{align-items:center;gap:8px;display:flex}.history-flow{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.history-delete{color:#f87171e6;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600}.history-translation{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.replay-btn{color:#dbeafe;background:#3b82f61a;border:1px solid #60a5fa3d;border-radius:999px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.copy-btn{color:#ede9fe;background:#8b5cf61a;border:1px solid #a78bfa3d;border-radius:999px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.replay-inline{margin-top:2px}.history-empty{color:#ffffff8c;text-align:center;margin:0;padding:24px 12px 8px;font-size:.9rem}.debug-sheet{max-height:min(80dvh,760px)}.debug-pre{white-space:pre-wrap;word-break:break-word;color:#ffffffd1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin:0;padding:12px;font-size:.78rem;line-height:1.5;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-screen{color:#fff;background:#0f0f13;flex-direction:column;height:100dvh;font-family:inherit;display:flex}.settings-header{border-bottom:1px solid #ffffff12;padding:32px 24px 16px}.settings-header h1{margin:0 0 4px;font-size:1.4rem;font-weight:700}.settings-sub{color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8rem}.settings-body{flex-direction:column;flex:1;gap:28px;padding:20px 24px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:16px;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.settings-section h2{text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin:0;font-size:.75rem;font-weight:700}.toggle-keys{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:4px 10px;font-size:.75rem;transition:all .2s}.toggle-keys:hover{color:#fff;border-color:#ffffff40}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:#fffc;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.field-hint{color:#ffffff59;margin:0;font-size:.75rem;line-height:1.4}.field-hint a{color:#6366f1e6;text-decoration:none}.field-group input,.field-group select{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:monospace;font-size:.9rem;transition:border-color .2s}.field-group select{cursor:pointer;appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:inherit}.field-group select option,.field-group select optgroup{color:#111827;background:#f4f7fb}.field-group input:focus,.field-group select:focus{background:#6366f114;border-color:#6366f199}.field-group input:disabled{opacity:.45;cursor:not-allowed}.person-inputs{gap:10px;display:flex}.person-inputs input{flex:1}.person-inputs select{flex:1.4}.tts-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.tts-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-caption{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.quota-hint{color:#94a3b8f2;margin:0;font-size:.78rem;line-height:1.45}.quota-hint.warn{color:#fbbf24}.quota-hint.danger{color:#fda4af}.toggle-row{color:#ffffffe0;align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.toggle-row input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:2px 8px;font-family:inherit;font-size:.65rem;font-weight:700}.badge.free{color:#34d399;background:#10b98126;border:1px solid #10b98140}.settings-footer{border-top:1px solid #ffffff12;flex-direction:column;align-items:stretch;gap:10px;padding:16px 24px 32px;display:flex}.missing-hint{color:#fbbf24cc;text-align:center;margin:0;font-size:.8rem}.save-btn{cursor:pointer;color:#fff6;background:#6366f133;border:none;border-radius:14px;padding:16px;font-size:1rem;font-weight:700;transition:all .2s}.save-btn.ready{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 24px #6366f166}.save-btn.ready:hover{transform:translateY(-1px);box-shadow:0 6px 32px #6366f180}.save-btn.ready:active{transform:translateY(0)}.auth-screen{background:radial-gradient(circle at top,#6366f12e,#0000 28%),linear-gradient(#11111a 0%,#0b0b11 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{background:#14141feb;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:24px;display:flex;box-shadow:0 20px 60px #00000059}.auth-eyebrow{color:#8b5cf6;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.auth-card h1{color:#fff;margin:0;font-size:1.8rem}.auth-subtitle{color:#fff9;margin:0 0 6px;line-height:1.5}.auth-note{color:#bfdbfed1;margin:-2px 0 6px;font-size:.78rem;line-height:1.45}.auth-field{color:#ffffffd9;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.auth-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;outline:none;min-height:46px;padding:0 14px}.auth-field input:focus{background:#6366f114;border-color:#818cf8b3}.auth-error{color:#fda4af;margin:0;font-size:.88rem;line-height:1.45}.auth-submit{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;border-radius:14px;min-height:48px;font-size:.98rem;font-weight:700}.auth-submit:disabled{opacity:.6}