.app-management{width:100%}.app-status-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-large);transition:all var(--transition-normal)}.app-status-card.installed{border-color:var(--color-success);background-color:var(--surface-color)}.app-status-card.not-installed{border-color:var(--color-warning)}.status-icon{flex-shrink:0;font-size:2rem;display:flex;align-items:center;justify-content:center}.icon-success{color:var(--color-success)}.icon-warning{color:var(--color-warning)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-info h4{margin:0 0 var(--spacing-xs) 0;font-size:1.125rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-xs)}.status-info p{margin:0;font-size:.875rem;color:var(--text-secondary-color)}.install-time{font-size:.8125rem;color:var(--text-muted-color)}.install-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.install-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color);border:none;border-radius:var(--border-radius-medium);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.install-button:hover:not(:disabled){background-color:var(--button-primary-hover-bg-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.install-button:active:not(:disabled){transform:translateY(0)}.install-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:1.25rem}.install-hint{margin:var(--spacing-sm) 0 0 0;font-size:.875rem;color:var(--text-secondary-color);text-align:center}.uninstall-guide-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-large);overflow:hidden;margin-bottom:var(--spacing-lg)}.guide-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.guide-header:hover{background-color:var(--hover-bg-color)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon{font-size:1.25rem;color:var(--color-error)}.guide-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.guide-content{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--border-color)}.guide-intro{margin:var(--spacing-md) 0;font-size:.875rem;color:var(--text-secondary-color)}.platform-guide{margin-bottom:var(--spacing-lg)}.platform-guide:last-of-type{margin-bottom:var(--spacing-md)}.platform-name{margin:0 0 var(--spacing-sm) 0;font-size:.9375rem;font-weight:600;color:var(--color-primary)}.steps-list{margin:0;padding-left:var(--spacing-lg);font-size:.875rem;line-height:1.8;color:var(--text-secondary-color)}.steps-list li{margin-bottom:var(--spacing-xs)}.guide-note{padding:var(--spacing-md);background-color:var(--surface-secondary-color);border-radius:var(--border-radius-small)}.guide-note p{margin:0;font-size:.875rem;color:var(--text-secondary-color)}.cache-management-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-large);padding:var(--spacing-lg)}.cache-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.cache-header .header-left{display:flex;align-items:center;gap:var(--spacing-md)}.cache-header .header-icon{font-size:1.5rem;color:var(--color-primary)}.cache-header h4{margin:0 0 var(--spacing-xs) 0;font-size:1.125rem;font-weight:600;color:var(--text-color)}.cache-size{margin:0;font-size:.875rem;color:var(--text-secondary-color)}.calculating{font-style:italic}.refresh-button{padding:var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-secondary-color);cursor:pointer;transition:all var(--transition-fast)}.refresh-button:hover:not(:disabled){background-color:var(--hover-bg-color);border-color:var(--color-primary);color:var(--color-primary)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.cache-info{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--surface-secondary-color);border-radius:var(--border-radius-small)}.info-text{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary-color)}.cache-actions{margin-bottom:var(--spacing-md)}.clear-cache-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--border-radius-medium);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.clear-cache-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.clear-cache-button:active:not(:disabled){transform:translateY(0)}.clear-cache-button:disabled{opacity:.6;cursor:not-allowed}.cache-warning{padding:var(--spacing-md);background-color:#ffc1071a;border-left:3px solid var(--color-warning);border-radius:var(--border-radius-small)}.cache-warning p{margin:0;font-size:.8125rem;color:var(--text-secondary-color)}@media(max-width:768px){.app-status-card{padding:var(--spacing-md)}.status-icon{font-size:1.5rem}.status-info h4{font-size:1rem}.install-button{padding:var(--spacing-sm) var(--spacing-md)}.cache-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.refresh-button{align-self:flex-end}}.image-proxy-settings{background:var(--background-color);color:var(--text-color);line-height:1.4}.proxy-icon{width:16px;height:16px;flex-shrink:0}.status-available{color:var(--color-primary)}.status-unavailable{color:#dc3545}.status-testing{color:#fd7e14}@media(min-width:768px){.image-proxy-settings{max-width:700px;margin:0 auto;padding:24px}.proxy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px}.proxy-title{display:flex;align-items:center;gap:8px}.proxy-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.refresh-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary-color);font-size:13px;cursor:pointer;transition:all .15s}.refresh-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.refresh-icon{font-size:14px}.refresh-icon.spinning{animation:spin 1s linear infinite}.proxy-tip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;font-size:13px;color:var(--text-muted-color)}.tip-icon{font-size:14px;color:var(--color-primary)}.proxy-stats{display:flex;gap:20px;margin-bottom:16px;padding:10px 16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:6px}.stat-item{display:flex;align-items:center;gap:4px;font-size:13px}.stat-label{color:var(--text-secondary-color)}.stat-value{color:var(--text-color);font-weight:500}.stat-value.available{color:var(--success-color)}.stat-value.testing{color:var(--warning-color)}.routes-container{display:grid;gap:8px}.route-option{padding:12px 16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s}.route-option:hover{background:var(--bg-hover);border-color:var(--color-primary)}.route-option.selected{background:var(--bg-accent-light);border-color:var(--color-primary)}.route-option.unavailable{opacity:.6}.route-content{display:flex;align-items:center;gap:12px}.route-status{width:20px;display:flex;justify-content:center}.route-status-icon{font-size:14px}.route-info{flex:1;min-width:0}.route-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.route-name{margin:0;font-size:14px;font-weight:500;color:var(--text-color)}.official-badge{padding:2px 6px;background:var(--color-primary);color:var(--text-on-primary);font-size:10px;font-weight:500;border-radius:10px}.route-description{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary-color)}.route-speed{color:var(--success-color);font-weight:500}.s3-status{padding:1px 4px;border-radius:3px;font-size:10px;font-weight:500}.s3-status.available{background:var(--success-bg);color:var(--success-color)}.s3-status.unavailable{background:var(--danger-bg);color:var(--danger-color)}.route-selection{width:20px;display:flex;justify-content:center}.selected-indicator{width:16px;height:16px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon{font-size:10px;color:var(--text-on-primary)}.current-route-info{margin-top:16px;padding:12px 16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:6px}.current-route-info h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-color)}.current-route-details{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.route-detail{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:var(--text-secondary-color)}.detail-value{color:var(--text-color);font-weight:500}.detail-value.available{color:var(--success-color)}.detail-value.unavailable{color:var(--danger-color)}.proxy-help{margin-top:16px;padding:8px 12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-muted-color)}.proxy-help p{margin:0;display:flex;align-items:center;gap:6px}.help-icon{font-size:12px;color:var(--color-primary)}}@media(max-width:767px){.image-proxy-settings{padding:12px}.proxy-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px}.proxy-title{display:flex;align-items:center;gap:8px;justify-content:center}.proxy-title h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:14px;cursor:pointer;transition:all .15s;width:100%}.refresh-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.refresh-button:active{transform:scale(.98)}.refresh-icon{font-size:16px;color:var(--text-color)}.proxy-tip{display:flex;align-items:flex-start;gap:8px;padding:12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;font-size:14px;color:var(--text-muted-color)}.tip-icon{font-size:16px;color:var(--color-primary);margin-top:2px}.proxy-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.stat-label{color:var(--text-secondary-color)}.stat-value{color:var(--text-color);font-weight:600}.stat-value.available{color:var(--success-color)}.stat-value.testing{color:var(--warning-color)}.routes-container{display:flex;flex-direction:column;gap:8px}.route-option{padding:16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s;min-height:60px}.route-option:active{transform:scale(.98);background:var(--bg-hover)}.route-option.selected{background:var(--bg-accent-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.route-option.unavailable{opacity:.6}.route-content{display:flex;align-items:center;gap:12px}.route-status{width:24px;display:flex;justify-content:center}.route-status-icon{font-size:18px}.route-info{flex:1;min-width:0}.route-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.route-name{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.official-badge{padding:2px 8px;background:var(--color-primary);color:var(--text-on-primary);font-size:11px;font-weight:500;border-radius:12px}.route-description{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary-color)}.route-description>span:first-child{line-height:1.3}.route-speed{color:var(--success-color);font-weight:600;font-size:12px}.s3-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;align-self:flex-start}.s3-status.available{background:var(--success-bg);color:var(--success-color)}.s3-status.unavailable{background:var(--danger-bg);color:var(--danger-color)}.route-selection{width:24px;display:flex;justify-content:center}.selected-indicator{width:20px;height:20px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.check-icon{font-size:12px;color:var(--text-on-primary)}.current-route-info{margin-top:16px;padding:16px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px}.current-route-info h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-color)}.current-route-details{display:flex;flex-direction:column;gap:10px}.route-detail{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px solid var(--border-color)}.route-detail:last-child{border-bottom:none}.detail-label{color:var(--text-secondary-color);font-weight:500}.detail-value{color:var(--text-color);font-weight:600}.detail-value.available{color:var(--success-color)}.detail-value.unavailable{color:var(--danger-color)}.proxy-help{margin-top:16px;padding:12px;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-muted-color)}.proxy-help p{margin:0;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.help-icon{font-size:14px;color:var(--color-primary);margin-top:2px;flex-shrink:0}}@media(max-width:480px){.image-proxy-settings{padding:8px}.proxy-header,.proxy-tip,.proxy-stats,.current-route-info,.proxy-help,.route-option{border-radius:6px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.image-proxy-settings{animation:fadeIn .3s ease-out}.route-option{animation:slideIn .2s ease-out}.route-option:nth-child(1){animation-delay:0ms}.route-option:nth-child(2){animation-delay:50ms}.route-option:nth-child(3){animation-delay:.1s}.route-option:nth-child(4){animation-delay:.15s}.route-option:nth-child(5){animation-delay:.2s}.refresh-button:active{transform:scale(.95)}.route-option:focus-visible{outline:2px solid var(--proxy-accent);outline-offset:2px}.route-status-icon{transition:all .2s ease}.route-status-icon.available{animation:pulse 2s infinite}.selected-indicator{animation:fadeIn .2s ease-out}@media(hover:hover){.route-option:hover .route-name{color:var(--proxy-accent)}.refresh-button:hover .refresh-icon{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.refresh-icon.spinning{animation:none}}.mobile-image-proxy-settings{padding:1rem;min-height:100vh;background:var(--background-accent-color)}.mobile-proxy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.proxy-title{display:flex;align-items:center;gap:.75rem}.proxy-icon{font-size:1.5rem;color:var(--color-primary)}.proxy-title h3{margin:0;font-size:1.375rem;font-weight:600;color:var(--text-color)}.mobile-refresh-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary-color);cursor:pointer;transition:all .2s}.mobile-refresh-button:hover:not(:disabled){background:var(--surface-secondary-color);border-color:var(--color-primary);color:var(--color-primary)}.mobile-refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{font-size:1.125rem;transition:transform .2s}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-proxy-tip{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--info-background);border:1px solid var(--info-border);border-radius:10px;margin-bottom:1rem}.tip-icon{font-size:1rem;color:var(--info-color);flex-shrink:0}.mobile-proxy-tip span{color:var(--info-text);font-size:.875rem}.mobile-proxy-stats{display:flex;gap:.75rem;margin-bottom:1.5rem}.stat-card{flex:1;text-align:center;padding:1rem .75rem;background:var(--background-secondary-color);border-radius:10px;border:1px solid var(--border-color)}.stat-number{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.stat-number.available{color:var(--success-color)}.stat-number.testing{color:var(--warning-color)}.stat-label{font-size:.75rem;color:var(--text-secondary-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mobile-proxy-routes{margin-bottom:1.5rem}.mobile-routes-container{display:flex;flex-direction:column;gap:.75rem}.mobile-route-option{border:1px solid var(--border-color);border-radius:12px;background:var(--background-secondary-color);cursor:pointer;transition:all .2s;overflow:hidden}.mobile-route-option:active{transform:scale(.98)}.mobile-route-option.selected{border-color:var(--color-primary);background:var(--primary-background);box-shadow:0 0 0 1px var(--color-primary)}.mobile-route-option.unavailable{opacity:.6}.mobile-route-option.disabled{opacity:.4;cursor:not-allowed}.mobile-route-content{display:flex;align-items:center;justify-content:space-between;padding:1rem}.mobile-route-left{display:flex;align-items:center;gap:.875rem;flex:1}.route-status-icon{font-size:1.125rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.route-status-icon.available{color:var(--success-color)}.route-status-icon.unavailable{color:var(--error-color)}.route-status-icon.testing{color:var(--warning-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.route-info{flex:1;min-width:0}.route-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.route-name{margin:0;font-size:.95rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.official-badge{padding:.125rem .375rem;background:var(--color-primary);color:#fff;font-size:.625rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.route-domain{color:var(--text-secondary-color);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-route-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.speed-badge{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:6px;letter-spacing:.5px}.speed-badge.good{background:var(--success-background);color:var(--success-color)}.speed-badge.fair{background:var(--warning-background);color:var(--warning-color)}.speed-badge.poor{background:var(--error-background);color:var(--error-color)}.mobile-selected-indicator{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--color-primary);border-radius:50%}.check-icon{font-size:.8rem;color:#fff}.mobile-current-route{margin-bottom:1.5rem}.current-route-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-color)}.current-route-card{background:var(--background-secondary-color);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.route-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.route-row:not(:last-child){border-bottom:1px solid var(--border-color-light)}.route-row .label{color:var(--text-secondary-color);font-size:.875rem;font-weight:500}.route-row .value{color:var(--text-color);font-size:.875rem;font-weight:600;max-width:60%;text-align:right;word-break:break-all}.route-row .value.speed,.route-row .value.available{color:var(--success-color)}.route-row .value.unavailable{color:var(--error-color)}.mobile-proxy-help{margin-top:1rem}.help-card{padding:1rem;background:var(--surface-secondary-color);border-radius:10px;border-left:4px solid var(--color-primary)}.help-card p{margin:0;display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary-color);font-size:.85rem;line-height:1.5}.help-icon{font-size:.9rem;color:var(--color-primary);flex-shrink:0;margin-top:.125rem}@media(prefers-color-scheme:dark){.mobile-image-proxy-settings{background:var(--background-accent-color)}.stat-card,.current-route-card{background:var(--surface-secondary-color)}}@media(max-width:360px){.mobile-image-proxy-settings{padding:.75rem}.mobile-proxy-stats{gap:.5rem}.stat-card{padding:.75rem .5rem}.stat-number{font-size:1.25rem}.mobile-route-content{padding:.875rem}.route-name{font-size:.9rem}.route-domain{font-size:.75rem}}.language-switcher{width:100%;max-width:100%;margin-bottom:12px}.language-buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:100%}.language-option{display:flex;align-items:center;justify-content:flex-start;text-shadow:0 1px 2px rgba(0,0,0,.3);flex:1;min-width:120px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-option.active{border-color:#fff;box-shadow:0 0 0 2px var(--color-primary, #6d28d9)}.language-option:hover{background-color:var(--hover-color, rgba(0, 0, 0, .05));transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.language-flag{font-size:1.25rem;margin-right:.75rem;flex-shrink:0}.language-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{color:var(--color-primary, #6d28d9)}@media(max-width:480px){.language-buttons{flex-direction:column}.language-option{max-width:100%}}[data-mode=dark] .language-option:not(.active){background-color:var(--bg-color-light, #1e293b)!important;color:var(--text-color, #f1f5f9)!important;border-color:var(--border-color, #334155)}[data-mode=dark] .language-option.active{background-color:var(--color-primary, #8b5cf6)!important;border-color:#fff;box-shadow:0 0 0 2px var(--color-primary, #8b5cf6)}.mobile-language-container{display:none}@media(max-width:768px){.mobile-language-container{display:block;padding:1rem;background-color:var(--surface-color, #1e1e1e);border-radius:12px;margin-bottom:1.5rem}.language-container{display:none}}.mobile-language-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%}.mobile-language-option{display:flex;align-items:center;padding:.75rem 1rem;border-radius:10px;background-color:var(--bg-color-light, #f8fafc);color:var(--text-color, #1e293b);border:1px solid var(--border-color, #2c2c2c);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.mobile-language-option.active{background-color:var(--color-primary, #6d28d9);color:#fff;border-color:var(--color-primary, #6d28d9)}.mobile-language-option:not(.active):hover{background-color:var(--highlight-color, #22304d);transform:translateY(-2px)}.mobile-language-flag{font-size:1.2rem;margin-right:.75rem}.mobile-language-name{flex:1}.mobile-language-check{opacity:0;transition:opacity .2s ease;font-size:1.2rem}.mobile-language-option.active .mobile-language-check{opacity:1}.mobile-language-note-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #2c2c2c)}.mobile-language-note{color:var(--text-secondary-color, #b0b0b0);font-size:.9rem;line-height:1.5;margin:0}@media(max-width:360px){.mobile-language-container{padding:.75rem}.mobile-language-option{padding:.6rem .75rem}}.mobile-settings-nav{display:none}@media(max-width:768px){.mobile-settings-nav{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background-color:var(--surface-color, #1e1e1e);border-bottom:1px solid var(--border-color, #2c2c2c);padding:.5rem;position:sticky;top:0;z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-settings-nav::-webkit-scrollbar{display:none}.settings-sidebar{display:none}.settings-container{flex-direction:column;padding-top:0}.settings-content{padding-top:1rem}}.mobile-nav-item{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;min-width:72px;height:64px;padding:.5rem;margin:0 .25rem;color:var(--text-secondary-color, #b0b0b0);font-size:.8rem;font-weight:500;background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-nav-icon{font-size:1.5rem;margin-bottom:.25rem}.mobile-nav-item.active{color:var(--color-primary, #4169e1);background-color:var(--highlight-color, #22304d)}@media(max-width:360px){.mobile-nav-item{min-width:64px;padding:.4rem}}@media(max-width:768px){.panel-header{margin-bottom:1.5rem}.panel-title{font-size:1.5rem}}.debug-password-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow-y:auto}.debug-password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.debug-password-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem}.debug-password-wrapper{position:relative;width:100%;max-width:440px}.debug-password-panel{position:relative;background:var(--surface-color);border-radius:var(--border-radius-large);padding:2rem;box-shadow:var(--shadow-heavy);border:1px solid var(--border-color);text-align:center}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.debug-password-panel.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.debug-password-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary-color);cursor:pointer;transition:all var(--transition-normal);font-size:1.125rem}.debug-password-close:hover{background:var(--hover-bg-color);color:var(--text-color);transform:rotate(90deg)}.debug-password-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.debug-password-icon-bg{width:80px;height:80px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff6b6b4d;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1);box-shadow:0 8px 24px #ff6b6b4d}50%{transform:scale(1.05);box-shadow:0 12px 32px #ff6b6b66}}.debug-password-icon{font-size:2.5rem;color:#fff}.debug-password-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.debug-password-description{margin-bottom:1.5rem}.debug-password-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:600;color:#ff6b6b;margin-bottom:.75rem}.lock-icon{font-size:1.125rem}.debug-password-hint{font-size:.875rem;color:var(--text-secondary-color);line-height:1.6;margin:0}.debug-password-form{margin-bottom:1rem}.debug-password-input-wrapper{margin-bottom:1.5rem}.debug-password-input{width:100%;padding:.875rem 1rem;font-size:1rem;background:var(--background-secondary-color);border:2px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);transition:all var(--transition-normal);text-align:center;letter-spacing:.1em}.debug-password-input:focus{outline:none;border-color:var(--color-primary);background:var(--surface-color);box-shadow:0 0 0 3px #ec48991a}.debug-password-input.error{border-color:#ff6b6b;background:#ff6b6b0d}.debug-password-input::placeholder{color:var(--text-muted-color);letter-spacing:normal}.debug-password-error{margin-top:.5rem;font-size:.875rem;color:#ff6b6b;font-weight:500}.debug-password-actions{display:flex;gap:.75rem}.debug-password-btn{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius-medium);border:none;cursor:pointer;transition:all var(--transition-normal)}.debug-password-btn-cancel{background:var(--surface-secondary-color);color:var(--text-secondary-color);border:1px solid var(--border-color)}.debug-password-btn-cancel:hover{background:var(--hover-bg-color);color:var(--text-color)}.debug-password-btn-confirm{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 12px #ec48994d}.debug-password-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.debug-password-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.debug-password-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.debug-password-footer p{font-size:.8125rem;color:var(--text-muted-color);margin:0}@media(max-width:768px){.debug-password-panel{padding:1.5rem}.debug-password-icon-bg{width:64px;height:64px}.debug-password-icon{font-size:2rem}.debug-password-title{font-size:1.25rem}.debug-password-hint{font-size:.8125rem}.debug-password-input{padding:.75rem;font-size:.9375rem}.debug-password-btn{padding:.75rem 1rem;font-size:.9375rem}}.theme-selection-container{margin-bottom:2rem}.theme-mode-tabs{display:flex;background-color:var(--surface-color, #1e1e1e);border-radius:12px;padding:.35rem;margin-bottom:1.5rem;width:fit-content;border:1px solid var(--border-color, #2c2c2c);position:relative;overflow:hidden}.theme-mode-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:none;border-radius:8px;color:var(--text-color, #f0f0f0);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:1;position:relative}.theme-mode-tab.active{color:var(--button-primary-text-color, #ffffff)}.theme-mode-tab.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background-color:var(--color-primary, #4169e1);z-index:-1;transition:all .3s ease}.theme-mode-icon{font-size:1.1rem;flex-shrink:0}.theme-mode-tab svg{flex-shrink:0}.theme-showcase{margin-top:1.5rem}.theme-cards-container{overflow:visible}.theme-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;width:100%}.theme-card{background:var(--surface-color, #1e1e1e);border-radius:16px;border:1px solid var(--border-color, #2c2c2c);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d}.theme-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 28px var(--shadow-color, rgba(26, 86, 204, .15));border-color:var(--color-primary, #4169e1)}.theme-card.active{border:2px solid var(--color-primary, #4169e1);box-shadow:0 8px 25px var(--shadow-color, rgba(26, 86, 204, .25))}.theme-preview{height:150px;padding:12px;position:relative;overflow:hidden;transition:all .3s ease}.theme-preview-ui{border-radius:8px;overflow:hidden;height:100%;background-color:#fff;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #0000000d;transition:all .3s ease}.preview-header{height:22%;background-color:#f1f5f9;position:relative}.preview-header:after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:40%;height:6px;border-radius:3px;background-color:#0000001a}.preview-sidebar{position:absolute;left:12px;top:32%;bottom:12px;width:18%;background-color:#f8fafc;border-radius:5px;box-shadow:0 1px 3px #0000000d}.preview-sidebar:after{content:"";position:absolute;left:25%;top:15px;width:50%;height:40px;border-radius:3px;background-color:#0000000d;box-shadow:0 16px #0000000d,0 32px #0000000d}.preview-content{flex:1;padding:8px 8px 8px 25%;display:flex;flex-direction:column;gap:8px}.preview-card{height:40%;background-color:#f1f5f9;border-radius:4px;box-shadow:0 1px 3px #0000000d;position:relative}.preview-card:after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:40%;height:4px;border-radius:2px;background-color:#0000001a}.theme-active-badge{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background-color:var(--color-primary, #4169e1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transform:scale(1);animation:badge-pulse .5s cubic-bezier(.25,.8,.25,1);z-index:5}@keyframes badge-pulse{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.theme-check-icon{font-size:1rem;stroke-width:3;flex-shrink:0}.theme-active-badge svg{flex-shrink:0}.theme-name{padding:12px;text-align:center;font-weight:500;color:var(--text-color, #f0f0f0);border-top:1px solid var(--border-color, #2c2c2c);background-color:var(--surface-color, #1e1e1e);transition:all .3s ease}.theme-card:hover .theme-name{color:var(--color-primary, #4169e1)}.theme-preview-ui.dark{background-color:#121212}.theme-preview-ui.dark .preview-header{background-color:#1a1a1a}.theme-preview-ui.dark .preview-header:after{background-color:#ffffff1a}.theme-preview-ui.dark .preview-sidebar{background-color:#1e1e1e}.theme-preview-ui.dark .preview-sidebar:after{background-color:#ffffff0d;box-shadow:0 16px #ffffff0d,0 32px #ffffff0d}.theme-preview-ui.dark .preview-card{background-color:#252525}.theme-preview-ui.dark .preview-card:after{background-color:#ffffff1a}.system-preference-card{background-color:var(--surface-color, #1e1e1e);border-radius:12px;border:1px solid var(--border-color, #2c2c2c);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;margin-top:2rem;transition:all .3s ease}.system-preference-card:hover{box-shadow:0 8px 20px var(--shadow-color, rgba(26, 86, 204, .15));border-color:var(--border-color, #3c3c3c)}.system-preference-icon{width:48px;height:48px;background-color:var(--highlight-color, #22304d);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.computer-icon{font-size:1.75rem;color:var(--color-primary, #4169e1);flex-shrink:0}.system-preference-icon svg{flex-shrink:0}.system-preference-content{flex:1}.system-preference-title{font-weight:600;font-size:1.1rem;margin-bottom:.4rem;color:var(--text-color, #f0f0f0)}.system-preference-desc{color:var(--text-secondary-color, #b0b0b0);font-size:.95rem}@media(max-width:768px){.theme-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}html,body,#root{width:100vw;min-width:0;height:100vh;min-height:100vh;margin:0;padding:0;box-sizing:border-box}.settings-container{display:flex;width:100vw;min-width:0;max-width:100vw;min-height:calc(100vh - 70px);background-color:var(--background-color, #f9fafb);box-sizing:border-box;overflow:hidden}.settings-sidebar{width:280px;padding:2rem 1.5rem;background-color:var(--surface-color, #1e1e1e);border-right:1px solid var(--border-color, #2c2c2c);box-shadow:0 0 20px #0000001a;transition:all .3s ease}.settings-title{display:flex;align-items:center;margin:0 0 2rem;font-size:1.7rem;font-weight:600;color:var(--text-color, #f0f0f0);gap:.75rem}.settings-title-icon{color:var(--color-primary, #4169e1);font-size:1.5rem}.settings-nav{background:transparent!important;border-radius:0;box-shadow:none;border:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;background:var(--surface-color, #1e1e1e);border:1px solid var(--border-color, #2c2c2c);border-radius:10px;color:var(--text-color, #f0f0f0);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:none;outline:none;position:relative;justify-content:space-between}.nav-icon{font-size:1.25rem;color:var(--text-secondary-color, #b0b0b0);transition:color .2s ease}.nav-chevron{font-size:1rem;color:var(--text-secondary-color, #b0b0b0);opacity:0;transform:translate(-10px);transition:all .2s ease}.settings-nav-item.active{background:var(--highlight-color, #22304d);color:var(--color-primary, #4169e1);border-color:var(--color-primary, #4169e1);box-shadow:0 4px 12px var(--shadow-color, rgba(26, 86, 204, .15))}.settings-nav-item.active .nav-icon,.settings-nav-item.active .nav-chevron{color:var(--color-primary, #4169e1)}.settings-nav-item.active .nav-chevron{opacity:1;transform:translate(0)}.settings-nav-item:hover:not(.active){background:var(--surface-color, #1e1e1e);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color, rgba(26, 86, 204, .1));border-color:var(--border-color, #2c2c2c)}.settings-nav-item:hover .nav-chevron{opacity:.7;transform:translate(0)}.settings-content{flex:1;padding:2rem;overflow-y:auto;position:relative;background-color:var(--background-color, #f9fafb)}[data-mode=dark] .settings-content{background-color:var(--background-color, #121212)}.settings-panel{max-width:900px;margin:0 auto;padding:1rem 0}.panel-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color, #2c2c2c);padding-bottom:1rem}.panel-title{font-size:1.8rem;font-weight:600;color:var(--text-color, #f0f0f0);margin:0}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.4rem;font-weight:500;color:var(--text-color, #f0f0f0);margin:0;display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px;flex-shrink:0}.toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--input-bg-color, #2c2c2c);transition:all .4s ease;border-radius:34px;border:1px solid var(--border-color, #2c2c2c)}.toggle-switch.active .toggle-track{background-color:var(--color-primary, #4169e1);border-color:var(--color-primary, #4169e1)}.toggle-indicator{position:absolute;height:24px;width:24px;left:3px;bottom:2px;background-color:#fff;transition:all .4s ease;border-radius:50%;box-shadow:0 2px 5px #0003}.toggle-switch.active .toggle-indicator{transform:translate(26px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.language-section{margin-top:1rem}.language-container{background-color:var(--surface-color, #1e1e1e);border-radius:12px;border:1px solid var(--border-color, #2c2c2c);padding:1.5rem;transition:all .3s ease}.language-container:hover{box-shadow:0 8px 20px var(--shadow-color, rgba(26, 86, 204, .15));border-color:var(--border-color, #3c3c3c)}.language-note-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #2c2c2c)}.language-note{color:var(--text-secondary-color, #b0b0b0);font-size:.95rem;line-height:1.6;margin:0}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}@media(max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;padding:1.5rem;border-right:none;border-bottom:1px solid var(--border-color, #2c2c2c)}.settings-title{margin-bottom:1.5rem}.settings-content{padding:1.5rem}}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.debug-navigation-link{display:block;margin-top:1rem;text-decoration:none;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.debug-nav-content{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid var(--border-color, #2c2c2c);border-radius:12px;transition:all .3s ease;cursor:pointer;gap:1rem}.debug-navigation-link:hover .debug-nav-content{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:var(--color-primary, #4169e1);transform:translateY(-2px);box-shadow:0 8px 20px #667eea33}.debug-nav-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.debug-nav-title{font-size:1rem;font-weight:600;color:var(--color-primary, #4169e1);display:flex;align-items:center;gap:.5rem}.debug-nav-desc{font-size:.875rem;color:var(--text-secondary-color, #b0b0b0);line-height:1.4}.debug-nav-icon{font-size:1.25rem;color:var(--text-secondary-color, #b0b0b0);flex-shrink:0;transition:all .3s ease}.debug-nav-content svg{flex-shrink:0}.debug-navigation-link:hover .debug-nav-icon{color:var(--color-primary, #4169e1);transform:translate(4px)}@media(max-width:768px){.debug-nav-content{padding:1rem 1.25rem}.debug-nav-title{font-size:.9375rem}.debug-nav-desc{font-size:.8125rem}}