*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;background:#f8fafc;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,.03) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.03) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.03) 0,transparent 50%);color:#0f172a;-webkit-font-smoothing:antialiased}:root{--bg: #f8fafc;--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--surface-2: rgba(241, 245, 249, .7);--border: rgba(226, 232, 240, .8);--border-light: rgba(255, 255, 255, .6);--text: #0f172a;--text-muted: #64748b;--primary: #4f46e5;--primary-dark: #4338ca;--primary-light:#e0e7ff;--primary-glow: rgba(79, 70, 229, .15);--danger: #ef4444;--danger-light: #fee2e2;--success: #10b981;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow: 0 10px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .08);--radius-sm: 12px;--radius: 20px;--radius-lg: 28px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--glass-blur: blur(16px)}button{cursor:pointer;border:none;background:none;font:inherit}select,input{font:inherit}.app{height:100%;display:flex;flex-direction:column}.offline-banner{background:#fef3c7e6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#92400e;text-align:center;padding:10px 16px;font-size:.9rem;font-weight:500;border-bottom:1px solid rgba(253,230,138,.5);z-index:100}.setup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 20px;gap:40px;overflow-y:auto}.setup-logo{text-align:center;animation:fade-in-up .6s ease-out}.setup-logo h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:12px}.setup-logo p{color:var(--text-muted);font-size:1.05rem;font-weight:400;margin-top:8px}.setup-tagline-sub{font-size:.85rem!important;color:#94a3b8!important;font-weight:400;margin-top:4px!important}.setup-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:680px;animation:fade-in-up .7s ease-out .1s both}@media(max-width:600px){.setup-panels{grid-template-columns:1fr;gap:16px}}.setup-card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.setup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:opacity var(--transition)}.setup-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setup-card:hover:before{opacity:1}.setup-card-header{display:flex;align-items:center;gap:12px}.setup-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.setup-card-icon.a{background:linear-gradient(135deg,var(--primary),#6366f1);box-shadow:0 4px 12px #4f46e54d}.setup-card-icon.b{background:linear-gradient(135deg,#0ea5e9,#3b82f6);box-shadow:0 4px 12px #0ea5e94d}.setup-card-header label{font-weight:700;font-size:1.05rem;color:var(--text);letter-spacing:-.01em}.setup-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--text);font-size:1rem;font-weight:500;transition:all var(--transition);outline:none;box-shadow:inset 0 2px 4px #00000003}.setup-input::placeholder{color:#94a3b8;font-weight:400}.setup-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.lang-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.setup-swap-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border);color:var(--text-muted);align-self:center;box-shadow:var(--shadow-sm);z-index:10;transition:all var(--transition)}.setup-swap-icon:hover{color:var(--primary);border-color:var(--primary);transform:scale(1.1)}@media(max-width:600px){.setup-swap-icon{margin:-28px auto;transform:rotate(90deg)}.setup-swap-icon:hover{transform:rotate(90deg) scale(1.1)}}.btn-start{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;font-size:1.15rem;font-weight:600;padding:16px 48px;border-radius:100px;box-shadow:0 8px 20px #4f46e54d;transition:all var(--transition);width:100%;max-width:680px;animation:fade-in-up .8s ease-out .2s both}.btn-start:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f46e566}.btn-start:active{transform:translateY(1px)}.btn-start:disabled{background:#cbd5e1;box-shadow:none;color:#f8fafc;cursor:not-allowed;transform:none}.conversation{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg)}.panel-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.panel-wrapper.rotated{transform:rotate(180deg)}.divider{display:flex;align-items:center;justify-content:center;height:48px;background:#ffffffe6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:12px;flex-shrink:0;z-index:20;position:relative;box-shadow:0 0 20px #00000008}.divider-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.btn-exit{position:absolute;right:16px;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);padding:6px 12px;border-radius:100px;background:var(--surface-2);transition:all var(--transition)}.btn-exit:hover{background:var(--danger-light);color:var(--danger)}.speaker-panel{flex:1;display:flex;flex-direction:column;background:transparent;overflow:hidden;position:relative}.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(to bottom,#ffffffe6,#fff0);z-index:10}.panel-lang-info{display:flex;align-items:center;gap:10px;background:var(--surface-solid);padding:6px 14px 6px 8px;border-radius:100px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.panel-flag{font-size:1.4rem;line-height:1}.panel-lang-name{font-weight:700;font-size:.95rem;color:var(--text)}.panel-user-name{font-size:.75rem;color:var(--text-muted);font-weight:500}.tts-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-solid);color:var(--text-muted);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition)}.tts-toggle.active{color:var(--primary);background:var(--primary-light);border-color:var(--primary-light)}.tts-toggle:hover{transform:scale(1.05)}.panel-messages{flex:1;display:flex;flex-direction:column;padding:20px 20px 100px;gap:16px;overflow-y:auto;scroll-behavior:smooth}.msg-received{background:var(--surface-solid);border:1px solid var(--border-light);border-radius:24px 24px 24px 4px;padding:20px;box-shadow:var(--shadow-sm);align-self:flex-start;max-width:90%;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.msg-received:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--primary);border-radius:4px 0 0 4px}.msg-received-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:8px}.msg-received-text{font-size:1.4rem;line-height:1.4;color:var(--text);font-weight:600;letter-spacing:-.01em}.msg-received-original{font-size:.9rem;color:var(--text-muted);margin-top:8px;font-weight:400;opacity:.8}.msg-own{background:var(--primary);color:#fff;border-radius:24px 24px 4px;padding:16px 20px;box-shadow:0 4px 12px #4f46e533;align-self:flex-end;max-width:85%;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.msg-own-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:4px;text-align:right}.msg-own-text{font-size:1.1rem;line-height:1.4;font-weight:500}.msg-interim{align-self:flex-end;background:var(--surface-2);padding:12px 16px;border-radius:20px 20px 4px;font-size:1rem;color:var(--text-muted);font-style:italic;animation:pulse-opacity 1.5s infinite;display:flex;align-items:center;gap:8px}.msg-empty{margin:auto;color:#94a3b8;font-size:1.1rem;font-weight:500;text-align:center;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.msg-empty-icon{width:64px;height:64px;background:var(--surface-solid);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:var(--primary-light)}.panel-controls-wrapper{position:absolute;bottom:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.panel-controls{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;background:#ffffffd9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:100px;box-shadow:var(--shadow-lg)}.btn-mic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;box-shadow:0 8px 20px #4f46e54d;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.btn-mic svg{width:28px;height:28px}.btn-mic:hover{transform:scale(1.08);box-shadow:0 12px 24px #4f46e566}.btn-mic:active{transform:scale(.95)}.btn-mic.recording{background:linear-gradient(135deg,var(--danger),#f43f5e);box-shadow:0 8px 20px #ef444466;animation:pulse-mic 1.5s infinite}.btn-mic:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes pulse-mic{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 16px #ef444400}to{box-shadow:0 0 #ef444400}}.btn-secondary{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-solid);color:var(--text-muted);transition:all var(--transition);flex-shrink:0}.btn-secondary svg{width:22px;height:22px}.btn-secondary:hover{color:var(--primary);background:var(--primary-light)}.btn-secondary.active{background:var(--primary-light);color:var(--primary)}.btn-secondary.speaking{color:#0ea5e9;background:#e0f2fe;animation:pulse-opacity 1s infinite}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.panel-text-input-row{pointer-events:auto;display:flex;gap:10px;padding:12px;background:#fffffff2;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:24px;box-shadow:var(--shadow-lg);margin-bottom:16px;width:90%;max-width:400px;animation:slide-up .3s cubic-bezier(.175,.885,.32,1.275)}.panel-text-input{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text);font-size:1rem;font-weight:500;outline:none}.panel-text-input::placeholder{color:#94a3b8}.btn-send{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.btn-send svg{width:20px;height:20px;margin-left:2px}.btn-send:hover{background:var(--primary-dark);transform:scale(1.05)}.btn-send:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.translating-indicator{align-self:flex-end;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:8px 16px;border-radius:100px;margin-bottom:8px;animation:fade-in .3s ease}.dot-spinner{display:flex;gap:4px}.dot-spinner span{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:dot-bounce 1s ease-in-out infinite}.dot-spinner span:nth-child(2){animation-delay:.2s}.dot-spinner span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 24px;border-radius:100px;font-size:.95rem;font-weight:500;box-shadow:0 12px 32px #0003;z-index:1000;max-width:90vw;text-align:center;animation:toast-in .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px}.toast.error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ss-footer{padding:20px 24px;background:#fff9;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border);text-align:center;flex-shrink:0}.ss-footer-inner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:10px;align-items:center}.ss-footer-brand{display:flex;flex-direction:column;align-items:center;gap:2px}.ss-footer-logo{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:-.01em}.ss-footer-slogan{font-size:.8rem;color:var(--text-muted);font-style:italic;font-weight:400}.ss-footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.ss-footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color var(--transition)}.ss-footer-links a:hover{color:var(--primary)}.ss-footer-sep{color:var(--border);font-size:.85rem}.ss-footer-copy{font-size:.75rem;color:#94a3b8}.ss-footer-copy a{color:#64748b;text-decoration:none;font-weight:600;transition:color var(--transition)}.ss-footer-copy a:hover{color:var(--primary)}.legal-page{min-height:100vh;background:var(--bg);padding:32px 20px 60px}.legal-container{max-width:720px;margin:0 auto}.legal-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;margin-bottom:32px;transition:color var(--transition)}.legal-back:hover{color:var(--primary)}.legal-header{text-align:center;margin-bottom:40px}.legal-icon{font-size:3rem;margin-bottom:16px}.legal-header h1{font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:8px}.legal-date{color:var(--text-muted);font-size:.9rem}.legal-content{display:flex;flex-direction:column;gap:32px}.legal-content section{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.legal-content h2{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:-.01em}.legal-content p{color:#475569;line-height:1.7;margin-bottom:12px}.legal-content p:last-child{margin-bottom:0}.legal-content ul,.legal-content ol{padding-left:24px;margin:12px 0}.legal-content li{color:#475569;line-height:1.7;margin-bottom:8px}.legal-content a{color:var(--primary);text-decoration:none;font-weight:600;transition:opacity var(--transition)}.legal-content a:hover{opacity:.8}.legal-highlight{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:20px;margin-bottom:16px}.legal-highlight strong{display:block;color:#166534;margin-bottom:8px;font-size:1rem}.legal-highlight p{color:#15803d;margin-bottom:0}.legal-highlight.legal-warning{background:#fffbeb;border-color:#fde68a}.legal-highlight.legal-warning strong{color:#92400e}.legal-highlight.legal-warning p{color:#a16207}.legal-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin:16px 0}.legal-table-row{display:grid;grid-template-columns:1fr 1.5fr 2fr 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.9rem;color:#475569}.legal-table-row:last-child{border-bottom:none}.legal-table-header{background:#f8fafc;font-weight:700;color:var(--text);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:600px){.legal-table-row{grid-template-columns:1fr 1fr;gap:8px;font-size:.8rem}}.legal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:600px){.legal-two-col{grid-template-columns:1fr}}.legal-col-ok{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:20px}.legal-col-ok h3{color:#166534;font-size:1rem;margin-bottom:12px}.legal-col-ok li{color:#15803d;font-size:.9rem}.legal-col-no{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:20px}.legal-col-no h3{color:#991b1b;font-size:1rem;margin-bottom:12px}.legal-col-no li{color:#b91c1c;font-size:.9rem}.setup-ui-lang{display:flex;justify-content:flex-end;margin-bottom:-8px;width:100%;max-width:680px}.lang-switcher{position:relative;z-index:50}.lang-switcher-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:.85rem;font-weight:500;color:var(--text);transition:var(--transition);cursor:pointer}.lang-switcher-btn:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.lang-switcher-flag{font-size:1.15rem;line-height:1}.lang-switcher-code{font-weight:600;letter-spacing:.5px}.lang-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,90vw);max-height:360px;overflow-y:auto;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:8px;animation:langSwitcherIn .2s ease-out}@keyframes langSwitcherIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-switcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.lang-switcher-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.85rem;color:var(--text);background:none;border:none;cursor:pointer;transition:var(--transition)}.lang-switcher-item:hover{background:var(--primary-light)}.lang-switcher-item.active{background:var(--primary);color:#fff}.lang-switcher-item-flag{font-size:1.2rem;line-height:1}.lang-switcher-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.lang-switcher-dropdown{width:90vw}.lang-switcher-grid{grid-template-columns:repeat(2,1fr)}}