body{font-family:Inter,sans-serif;overscroll-behavior-y:contain;transition:background-color .3s,color .3s}:root{--csg-bg-light: #F7F7F7;--csg-text-light: #2D2D2D;--csg-surface-light: #FFFFFF;--csg-card-bg-light: #ECEFF1;--csg-border-light: #E0E0E0;--csg-accent-light: #FF6F61;--csg-text-on-accent-light: #FFFFFF;--csg-muted-text-light: #6F6F6F;--csg-input-bg-light: #FFFFFF;--csg-input-border-light: #D0D0D0;--csg-input-focus-light: #FF6F61;--csg-bg-dark: #1C1C1E;--csg-text-dark: #EAEAEA;--csg-surface-dark: #28282A;--csg-card-bg-dark: #222224;--csg-border-dark: #38383A;--csg-accent-dark: #FF7F72;--csg-text-on-accent-dark: #FFFFFF;--csg-muted-text-dark: #A0A0A0;--csg-input-bg-dark: #2A2A2C;--csg-input-border-dark: #404042;--csg-input-focus-dark: #FF7F72;--azm-bg-light: #F4F7FA;--azm-text-light: #2C3E50;--azm-surface-light: #FFFFFF;--azm-card-bg-light: #FFFFFF;--azm-border-light: #E0E7EF;--azm-accent-light: #5D9CEC;--azm-text-on-accent-light: #FFFFFF;--azm-muted-text-light: #7D8C9C;--azm-input-bg-light: #FFFFFF;--azm-input-border-light: #D4E6F1;--azm-input-focus-light: #5D9CEC;--azm-bg-dark: #1E2A3A;--azm-text-dark: #D0D8E2;--azm-surface-dark: #2A3B50;--azm-card-bg-dark: #253446;--azm-border-dark: #3B506B;--azm-accent-dark: #79B6EC;--azm-text-on-accent-dark: #14202B;--azm-muted-text-dark: #879AB0;--azm-input-bg-dark: #2F4454;--azm-input-border-dark: #456178;--azm-input-focus-dark: #79B6EC;--ef-bg-light: #F3F4F6;--ef-text-light: #1F2937;--ef-surface-light: #FFFFFF;--ef-border-light: #D1D5DB;--ef-accent-light: #10B981;--ef-text-on-accent-light: #FFFFFF;--ef-muted-text-light: #6B7280;--ef-input-bg-light: #FFFFFF;--ef-input-border-light: #D1D5DB;--ef-input-focus-light: #10B981;--ef-bg-dark: #0D1F23;--ef-text-dark: #E0E7EA;--ef-surface-dark: #112A2F;--ef-border-dark: #2E4F58;--ef-accent-dark: #34D399;--ef-text-on-accent-dark: #064E3B;--ef-muted-text-dark: #9CB3B9;--ef-input-bg-dark: #1A3A42;--ef-input-border-dark: #345B68;--ef-input-focus-dark: #34D399}.theme-coral-grey-light{--bg-current: var(--csg-bg-light);--text-current: var(--csg-text-light);--surface-current: var(--csg-surface-light);--card-bg-current: var(--csg-card-bg-light);--border-current: var(--csg-border-light);--accent-current: var(--csg-accent-light);--text-on-accent-current: var(--csg-text-on-accent-light);--muted-text-current: var(--csg-muted-text-light);--input-bg-current: var(--csg-input-bg-light);--input-border-current: var(--csg-input-border-light);--input-focus-current: var(--csg-input-focus-light)}html.dark .theme-coral-grey-dark{--bg-current: var(--csg-bg-dark);--text-current: var(--csg-text-dark);--surface-current: var(--csg-surface-dark);--card-bg-current: var(--csg-card-bg-dark);--border-current: var(--csg-border-dark);--accent-current: var(--csg-accent-dark);--text-on-accent-current: var(--csg-text-on-accent-dark);--muted-text-current: var(--csg-muted-text-dark);--input-bg-current: var(--csg-input-bg-dark);--input-border-current: var(--csg-input-border-dark);--input-focus-current: var(--csg-input-focus-dark)}.theme-azure-mist-light{--bg-current: var(--azm-bg-light);--text-current: var(--azm-text-light);--surface-current: var(--azm-surface-light);--card-bg-current: var(--azm-card-bg-light);--border-current: var(--azm-border-light);--accent-current: var(--azm-accent-light);--text-on-accent-current: var(--azm-text-on-accent-light);--muted-text-current: var(--azm-muted-text-light);--input-bg-current: var(--azm-input-bg-light);--input-border-current: var(--azm-input-border-light);--input-focus-current: var(--azm-input-focus-light)}html.dark .theme-azure-mist-dark{--bg-current: var(--azm-bg-dark);--text-current: var(--azm-text-dark);--surface-current: var(--azm-surface-dark);--card-bg-current: var(--azm-card-bg-dark);--border-current: var(--azm-border-dark);--accent-current: var(--azm-accent-dark);--text-on-accent-current: var(--azm-text-on-accent-dark);--muted-text-current: var(--azm-muted-text-dark);--input-bg-current: var(--azm-input-bg-dark);--input-border-current: var(--azm-input-border-dark);--input-focus-current: var(--azm-input-focus-dark)}.theme-emerald-focus-light{--bg-current: var(--ef-bg-light);--text-current: var(--ef-text-light);--surface-current: var(--ef-surface-light);--border-current: var(--ef-border-light);--accent-current: var(--ef-accent-light);--text-on-accent-current: var(--ef-text-on-accent-light);--muted-text-current: var(--ef-muted-text-light);--input-bg-current: var(--ef-input-bg-light);--input-border-current: var(--ef-input-border-light);--input-focus-current: var(--ef-input-focus-light)}html.dark .theme-emerald-focus-dark{--bg-current: var(--ef-bg-dark);--text-current: var(--ef-text-dark);--surface-current: var(--ef-surface-dark);--border-current: var(--ef-border-dark);--accent-current: var(--ef-accent-dark);--text-on-accent-current: var(--ef-text-on-accent-dark);--muted-text-current: var(--ef-muted-text-dark);--input-bg-current: var(--ef-input-bg-dark);--input-border-current: var(--ef-input-border-dark);--input-focus-current: var(--ef-input-focus-dark)}body{background-color:var(--bg-current);color:var(--text-current)}.page-section{display:none;height:100vh;flex-direction:column;overflow:hidden;background-color:var(--bg-current);color:var(--text-current)}.page-section.active{display:flex}.app-element{background-color:var(--surface-current);border:1px solid var(--border-current);border-radius:16px;color:var(--text-current);box-shadow:0 4px 12px #0000000d}html.dark .app-element{box-shadow:0 3px 8px #0003}.app-button{padding:.6rem 1.2rem;border-radius:10px;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s}.app-button:active{transform:translateY(1px)}.app-button-primary{background-color:var(--accent-current);color:var(--text-on-accent-current);border:1px solid transparent}.app-button-primary:hover{filter:brightness(1.1);box-shadow:0 2px 8px var(--accent-current)}.app-button-secondary{background-color:var(--surface-current);color:var(--text-current);border:1px solid var(--border-current)}.app-button-secondary:hover{background-color:#8080801a}.form-input,.language-select,textarea{background-color:var(--input-bg-current);border:1px solid var(--input-border-current);color:var(--text-current);border-radius:8px;padding:.75rem;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.form-input:focus,.language-select:focus,textarea:focus{border-color:var(--input-focus-current);outline:none;box-shadow:0 0 0 3px rgba(var(--accent-current),.1)}.form-input::placeholder,textarea::placeholder{color:var(--muted-text-current);opacity:.7}.language-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-current)}textarea{resize:vertical;min-height:120px}textarea[readonly]{background-color:var(--card-bg-current);cursor:default}.form-input.error,.language-select.error,textarea.error{border-color:#ef4444}.form-input.error:focus,.language-select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.spinner{border:4px solid rgba(128,128,128,.3);border-radius:50%;border-top-color:var(--accent-current);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waveform-container{display:flex;align-items:center;justify-content:center;height:100%}.waveform-column{background-color:currentColor;margin:0 1.5px;border-radius:1.5px;transform-origin:center;animation:col-anim 1.2s infinite ease-in-out}.waveform-column:nth-child(odd){animation-delay:-.2s}.waveform-column:nth-child(2n){animation-delay:-.4s}@keyframes col-anim{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@media (max-width: 768px){.waveform-container{justify-content:center}}@media (min-width: 769px){.waveform-container{justify-content:center}}.dropdown-menu{box-shadow:0 10px 25px #0000001a}html.dark .dropdown-menu{box-shadow:0 10px 25px #0000004d}.z-60{z-index:60}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--accent-current)}input:checked+.toggle-slider:before{transform:translate(20px)}html.dark .toggle-slider{background-color:#4a5568}html.dark input:checked+.toggle-slider{background-color:var(--accent-current)}.menu-divider{height:1px;background-color:var(--border-current);margin:4px 0}.menu-item{transition:background-color .2s ease}.menu-item:first-child{border-top-left-radius:16px;border-top-right-radius:16px}.menu-item:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-overlay{backdrop-filter:blur(4px)}.menu-item:hover{background-color:#8080801a}#gs-qr-code{background:repeating-conic-gradient(from 0deg,transparent 0deg 90deg,var(--border-current) 90deg 180deg) 0 0/20px 20px}.chat-bubble{opacity:0;transform:translateY(20px);animation:slideInUp .5s forwards;margin-bottom:.75rem}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.chat-bubble-user{background-color:var(--accent-current);color:var(--text-on-accent-current);border-bottom-right-radius:.25rem;align-self:flex-end;max-width:85%;padding:.75rem;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.chat-bubble-remote{background-color:var(--surface-current);color:var(--text-current);border-bottom-left-radius:.25rem;align-self:flex-start;max-width:85%;padding:.75rem;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.chat-bubble-header{font-size:.75rem;font-weight:600;margin-bottom:.25rem;opacity:.9}.chat-bubble-content{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.chat-bubble-footer{font-size:.75rem;opacity:.8;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem;margin-top:.5rem}.chat-bubble-remote .chat-bubble-footer{border-top-color:var(--border-current)}.translation-history-item{display:flex;flex-direction:column;margin-bottom:1rem}.translation-original{align-self:flex-end;background-color:var(--surface-current);color:var(--text-current);border:1px solid var(--border-current);margin-bottom:.25rem}.translation-result{align-self:flex-start;background-color:var(--accent-current);color:var(--text-on-accent-current)}.hidden{display:none!important}#vt-bottom-dock{backdrop-filter:blur(8px);box-shadow:0 -4px 12px #0000}html.dark #vt-bottom-dock{box-shadow:0 -4px 12px #0000}#page-voice-translation #vt-conversation-view{padding-bottom:160px}#vt-bottom-dock #vt-main-waveform-container{min-height:48px}#gs-language-tabs{min-height:32px;background-color:var(--accent-current)}#gs-tabs-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:stretch;padding:2px;gap:0}#gs-tabs-container::-webkit-scrollbar{display:none}#gs-tabs-container button{white-space:nowrap;flex-shrink:0;border:none;font-weight:500;transition:all .2s ease;position:relative;margin:0;border-radius:0;background-color:var(--accent-current);color:#fffc}#gs-tabs-container button:hover{background-color:#ffffff1a;color:#ffffffe6}#gs-tabs-container button.active{background-color:var(--bg-current);color:var(--text-current);position:relative;z-index:1;margin-bottom:-2px;padding-bottom:calc(.5rem + 2px)}#gs-tabs-container button.active:hover{background-color:var(--bg-current);color:var(--text-current)}[data-conversation-language]{min-height:100%}.sticky-header-active #sticky-header{opacity:1;transform:translateY(0);pointer-events:auto}.sticky-header-active #header-content-wrapper{display:none}