:root{--theme-color: #1a1a1a;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #404040;--accent-color: #278cd0;--accent-background: #278cd050;--accent-text: #ffffff;--accent-hover: #8fd2ff;--link-color: #278cd0;--danger-color: #ff4444;--success-color: #139f13;--warning-color: #ffaa44;--input-bg: #212121;--hover-bg: #404040;--formulas-bg: #1a202c;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=light]{--theme-color: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #dee2e6;--accent-color: #0d6efd;--accent-background: #0d6efd30;--accent-text: #ffffff;--accent-hover: #8fd2ff;--link-color: #0d6efd;--danger-color: #dc3545;--success-color: #198754;--warning-color: #fd7e14;--input-bg: #ffffff;--hover-bg: #f0f0f0;--formulas-bg: #f8f9fa;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.login-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.google-login-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);transform:translateY(-2px)}.google-icon{width:20px;height:20px;background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.main-container{line-height:1.4;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 16px;flex:1}.main-container{display:flex;height:calc(var(--vh, 1vh) * 100)}.page-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.centered-content{text-align:center;max-width:70%;width:100%}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 0}.header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.logo{font-size:20px;font-weight:600;color:var(--accent-color)}.translate-logo{width:120px;height:120px;margin:0 auto 2rem;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:var(--shadow);animation:float 3s ease-in-out infinite}.header-controls{display:flex;align-items:center;gap:12px}.model-selector{display:inline-block;position:relative;width:250px}.model-dropdown-selected{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 30px 6px 12px;font-size:14px;cursor:pointer;transition:all .2s;min-width:170px}.model-dropdown-selected:hover{background:var(--hover-bg);border-color:var(--accent-color)}.model-dropdown-selected:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-background);outline:none}.model-dropdown-selected:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-secondary);transition:transform .2s}.model-dropdown-selected.open:after{transform:translateY(-50%) rotate(180deg)}.model-dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);z-index:1000;display:none}.model-dropdown-options.open{display:block}.model-dropdown-option{padding:8px 12px;cursor:pointer;transition:background .2s;color:var(--text-primary);font-size:14px}.model-dropdown-option:hover{background:var(--hover-bg)}.model-dropdown-option.selected{background:var(--accent-background);color:var(--accent-color)}.model-dropdown{width:100%;padding:4px 8px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:28px}.model-dropdown:hover{border-color:var(--accent-color)}.model-info{display:flex;flex-direction:column;flex:1;position:relative}.model-info .selected{background-color:var(--text-secondary)}.model-info .disabled{color:var(--text-muted);cursor:not-allowed}.model-name{font-weight:500}.model-capabilities{font-size:10px;color:var(--text-muted);display:flex;gap:4px}.capability-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:1px 4px;border-radius:2px;font-size:9px}.theme-toggle{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;font-size:14px;cursor:pointer;transition:all .2s;width:36px;height:32px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--accent-color)}.recent-languages{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 0;overflow-x:auto}.recent-tabs{display:flex;gap:4px;min-width:fit-content}.recent-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s}.recent-tab.active{background:var(--accent-color);color:var(--accent-text);border-color:var(--accent-color)}.recent-tab:hover:not(.active){background:var(--hover-bg)}.main-content{padding:16px 0;flex:1}.translator-container{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}.help-panel-container{grid-column:1 / -1;margin-top:16px}.translation-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.panel-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.language-select{position:relative;display:inline-block}.dropdown-selected{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:6px 30px 6px 8px;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:all .2s;position:relative;min-width:150px}.dropdown-selected:hover{background:var(--hover-bg);border-color:var(--accent-color)}.dropdown-selected:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-background)}.dropdown-selected:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-secondary);transition:transform .2s}.dropdown-selected.open:after{transform:translateY(-50%) rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);z-index:1000;max-height:200px;overflow-y:auto;display:none}.dropdown-options.open{display:block}.dropdown-option{padding:8px 12px;cursor:pointer;transition:background .2s;color:var(--text-primary);font-size:14px}.dropdown-option:hover{background:var(--hover-bg)}.dropdown-option.selected{background:var(--accent-background);color:var(--accent-color)}.panel-actions{display:flex;align-items:center;gap:8px}.panel-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.panel-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.panel-content{position:relative;flex:1;display:flex;flex-direction:column}.panel-content .thinking-indicator-container{font-size:20px;padding-top:2px}.text-area{width:100%;background:transparent;color:var(--text-primary);border:none;padding:16px;font-size:16px;resize:none;outline:none;min-height:200px;font-family:inherit;flex:1}.text-area::placeholder{color:var(--text-muted)}.text-area-large{font-size:20px}.correction-suggestion{margin:15px}.correction-suggestion a{color:var(--accent-color);font-weight:500;cursor:pointer}.thinking-indicator-container{margin:15px}.image-drop-zone{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-background);border:2px dashed var(--accent-color);border-radius:8px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;margin:8px}.image-drop-zone.active{display:flex}.drop-text{color:var(--accent-color);font-weight:500}.image-upload-btn{background:var(--accent-color);color:var(--accent-text);border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;margin:8px 16px;transition:background .2s}.image-upload-btn:hover{background:var(--accent-hover)}.translation-error-message{background:var(--danger-color);color:#fff;padding:8px;border-radius:4px;font-size:14px;margin:8px}.help-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.help-content{padding:16px;flex:1;overflow-y:auto}.help-section{margin-bottom:20px}.help-section:last-child{margin-bottom:0}.help-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.help-text{font-size:13px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.help-section ul{margin:0 0 0 20px}.alternatives-list{list-style:none;margin:0;padding:0}.alternatives-list li{font-size:13px;color:var(--text-secondary);padding:2px 0;border-bottom:1px solid var(--border-color)}.alternatives-list li:last-child{border-bottom:none}.synonym{background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;margin-right:4px;font-size:12px}.word-changes-table{width:100%;border-collapse:collapse;font-size:12px}.word-changes-table th,.word-changes-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border-color)}.word-changes-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.word-changes-table td{color:var(--text-secondary)}.original-word{color:var(--accent-color);font-weight:500}.translated-word{color:var(--success-color);font-weight:500}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}.image-preview-container .image-preview{max-width:100%;max-height:300px;border-radius:8px;box-shadow:var(--shadow)}.separator{width:1px;background:var(--border-color)}.swap-container{display:flex;align-items:center;justify-content:center;pointer-events:none}.swap-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;pointer-events:all}.swap-btn:hover{background:var(--hover-bg);transform:rotate(180deg)}.swap-icon{width:20px;height:20px;stroke:var(--text-secondary)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 0;text-align:center}.copyright{color:var(--text-muted);font-size:14px}@media (max-width: 768px){.container{padding:0 12px}.header-content{flex-wrap:nowrap;gap:8px}.logo{font-size:18px;flex:1}.model-selector{font-size:12px;width:150px}.model-dropdown-selected{padding:4px 24px 4px 8px;font-size:12px;min-width:80px}.main-content{padding:12px 0}.translator-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px}.help-panel-container{grid-column:1;margin-top:12px}.translation-panel{display:flex;flex-direction:column}.separator{display:none}.swap-container{order:2;transform:rotate(90deg)}.translation-panel:nth-child(3){order:3}.help-panel-container{order:4}.text-area{min-height:120px;font-size:16px;padding:12px}.text-area-large{font-size:20px}.panel-header{padding:10px 12px}.recent-languages{padding:6px 0}.recent-tab{font-size:11px;padding:3px 6px}.image-upload-btn{padding:6px 10px;font-size:13px;margin:6px 12px}}@media (max-width: 480px){.header-content{flex-wrap:nowrap}.header-controls{flex-shrink:0;gap:8px}.text-area{min-height:100px}}.file-input{display:none}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.copy-success{background:var(--success-color)!important;color:#fff!important}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);z-index:1000;max-height:400px;overflow-y:auto;display:none}.dropdown-menu.show{display:flex;flex-direction:column}.dropdown-item{padding:6px 8px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .2s}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item:last-child{border-bottom:none}.dropdown-filters{padding:8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.search-container{display:flex;align-items:center;position:relative}.search-input{width:100%;padding:6px 8px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);font-size:11px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.search-input::placeholder{color:var(--text-muted)}.category-filters{display:flex;gap:4px;flex-wrap:wrap}.filter-btn{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .2s;text-transform:capitalize;min-width:45px;text-align:center}.filter-btn:hover{background:var(--hover-bg);border-color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text)}.clear-filters-btn{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .2s;align-self:flex-start;margin-left:auto}.clear-filters-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.dropdown-items{max-height:294px;overflow-y:auto;background:var(--input-bg)}.dropdown-items .dropdown-item{border-bottom:1px solid var(--border-color)}.dropdown-items .dropdown-item:last-child{border-bottom:none}.no-results{padding:12px 8px;text-align:center;color:var(--text-muted);font-size:11px;font-style:italic}.text-match{background-color:var(--accent-background)}.loading-state{padding:12px 8px;text-align:center;color:var(--text-muted);font-size:11px}.loading-state{padding:12px;text-align:center;color:var(--text-muted);font-size:12px}.memory-bar{display:flex;height:4px;width:20px;border-radius:2px;overflow:hidden;position:absolute;top:50%;right:8px;background-color:transparent}.memory-used{background-color:var(--success-color);height:100%;transition:width .3s ease}.memory-free{background-color:var(--danger-color);height:100%;transition:width .3s ease}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;align-items:center;justify-content:center;z-index:2000;display:flex}.modal-content{background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow);max-width:500px;width:90%;max-height:85vh;overflow-y:auto}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:14px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;border-radius:4px;font-size:24px}.modal-close:hover{background:var(--hover-bg)}.modal-body{padding:16px}.modal-footer-version{color:var(--text-muted);font-size:10px;display:flex;align-self:center;margin-right:auto}.modal-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end}.btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-bg)}.thinking-indicator{display:flex;align-items:center;gap:8px;border-radius:6px;margin-bottom:8px;color:var(--text-secondary)}.thinking-dots{display:flex;gap:.15em}.thinking-dot{width:.35em;height:.35em;background:var(--text-secondary);border-radius:50%;animation:thinking 1.4s infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,60%,to{opacity:.3}30%{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#555;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#777}::-webkit-scrollbar-thumb:active{background:#999}::-webkit-scrollbar-corner{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=light] ::-webkit-scrollbar-thumb:active{background:#777}[data-theme=blonde] ::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=blonde] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=blonde] ::-webkit-scrollbar-thumb:active{background:var(--accent-color)}.chat-list::-webkit-scrollbar,.dropdown-menu::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-thumb,.dropdown-menu::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover,.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#777}.chat-list::-webkit-scrollbar-thumb:active,.dropdown-menu::-webkit-scrollbar-thumb:active{background:#999}[data-theme=light] .chat-list::-webkit-scrollbar-thumb,[data-theme=light] .dropdown-menu::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light] .chat-list::-webkit-scrollbar-thumb:hover,[data-theme=light] .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#999}[data-theme=light] .chat-list::-webkit-scrollbar-thumb:active,[data-theme=light] .dropdown-menu::-webkit-scrollbar-thumb:active{background:#777}[data-theme=blonde] .chat-list::-webkit-scrollbar-thumb,[data-theme=blonde] .dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=blonde] .chat-list::-webkit-scrollbar-thumb:hover,[data-theme=blonde] .dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=blonde] .chat-list::-webkit-scrollbar-thumb:active,[data-theme=blonde] .dropdown-menu::-webkit-scrollbar-thumb:active{background:var(--accent-color)}*,.chat-list,.dropdown-menu{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}[data-theme=light],[data-theme=light] .chat-list,[data-theme=light] .dropdown-menu{scrollbar-color:#cccccc var(--bg-secondary)}[data-theme=blonde],[data-theme=blonde] .chat-list,[data-theme=blonde] .dropdown-menu{scrollbar-color:var(--border-color) var(--bg-secondary)}@supports (scrollbar-color: var(--border-color) var(--bg-secondary)){*:hover{scrollbar-color:var(--border-color) var(--bg-secondary)}}@-moz-document url-prefix(){.chat-list,.dropdown-menu{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent}}.contextMenu{position:fixed;background:var(--bg-primary);border:1px solid var(--bg-tertiary);box-shadow:var(--shadow);z-index:100;line-height:1.5;border-radius:10px}.contextMenu-flex{display:flex}.contextMenu--option{padding:7px 25px;min-width:70px;cursor:pointer;font-size:12px;position:relative;color:var(--text-primary)}.contextMenu--option:hover,.contextMenu--option:active{background-color:var(--hover-bg)}.contextMenu--option.disabled{color:var(--text-muted);pointer-events:none}.contextMenu--option.with-children:after{content:"";display:block;position:absolute;right:5px;top:36%;border-left:7px solid var(--text-secondary);border-top:4px solid transparent;border-bottom:4px solid transparent}.contextMenu--option.with-children .children-wrap{position:absolute;display:none;left:100%;top:0;max-width:220px;width:max-content}.contextMenu--option.with-children .children-wrap.reverse{left:-100%}.contextMenu--option.with-children .children-wrap-top{bottom:0;top:initial}.contextMenu--option.with-children.hover>.children-wrap{display:block}.contextMenu--option a{color:var(--text-primary);text-decoration:none}.contextMenu--separator{width:100%;height:1px;background:var(--border-color);margin:5px 0}.contextMenu .power-control-wrapper{display:inline-block;background-color:transparent!important}