.theme-switcher{display:flex;align-items:center;gap:.5rem}.theme-label{font-size:1.2rem;margin:0;line-height:1}.theme-select{padding:.5rem .75rem;border:2px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.theme-select:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.theme-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--border-light)}.homepage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:2rem}.homepage-container{max-width:1200px;width:100%;position:relative}.homepage-theme-switcher{position:absolute;top:0;right:0;z-index:10}.homepage-header{text-align:center;color:var(--text-heading);margin-bottom:3rem;padding-top:3rem}.homepage-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:1rem;color:var(--text-primary)}.homepage-description{font-size:1.1rem;opacity:.8;color:var(--text-secondary)}.mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.mode-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xl);border:2px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.mode-card:hover{transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow-primary);border-color:var(--border-accent)}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-title{font-size:1.75rem;color:var(--text-heading);margin-bottom:.5rem;font-weight:700}.mode-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.mode-features{list-style:none;padding:0;margin:0 0 1.5rem}.mode-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-primary)}.mode-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.mode-button{width:100%;padding:1rem;border:none;border-radius:var(--radius-sm);background:var(--bg-card-alt);color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--border-light)}.mode-button:hover{background:var(--bg-card-tertiary);border-color:var(--border-accent);transform:translateY(-2px)}.mode-button-primary{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mode-button-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--hover-shadow-primary)}.homepage-footer{text-align:center}.back-link{color:var(--text-heading);text-decoration:none;font-size:1rem;opacity:.9;transition:all var(--transition-base);font-weight:600}.back-link:hover{opacity:1;text-decoration:underline;color:var(--color-primary)}@media (max-width: 768px){.mode-selection{grid-template-columns:1fr;gap:1.5rem}.homepage-title{font-size:2rem}.mode-card{padding:1.5rem}}.multi-file-upload{margin-bottom:2rem}.upload-section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.75rem 1rem;margin:-.75rem -1rem 1rem;border-radius:var(--radius-lg);transition:background-color .2s ease}.upload-section-header:hover{background:var(--surface-dropzone)}.upload-section-header h2{margin:0;font-size:1.5rem;color:var(--text-heading)}.upload-header-info{display:flex;align-items:center;gap:.75rem}.file-count{font-size:.9rem;color:var(--text-secondary);background:var(--bg-card-alt);padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:500}.collapse-icon{font-size:.85rem;color:var(--text-secondary);transition:transform .3s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.upload-section-content{max-height:2000px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease;opacity:1}.upload-section-content.hidden{max-height:0;opacity:0;margin:0}.multi-file-upload h2{margin-bottom:1rem;font-size:1.5rem;color:var(--text-heading)}.dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--surface-dropzone);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.dropzone:hover{border-color:var(--border-accent);background:var(--surface-dropzone-hover);transform:scale(1.01)}.dropzone-active{border-color:var(--color-primary);background:var(--surface-dropzone-active);box-shadow:var(--hover-shadow-primary)}.dropzone-has-files{padding:2rem}.dropzone-content{pointer-events:none}.upload-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 6px var(--border-light))}.upload-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.upload-hint{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0}.uploaded-files{margin-top:2rem}.uploaded-files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.uploaded-files-header h3{font-size:1.25rem;color:var(--text-heading);margin:0}.clear-all-btn{padding:.5rem 1rem;background:var(--gradient-accent-red);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.clear-all-btn:hover{background:var(--gradient-accent-red-hover);transform:translateY(-2px);box-shadow:var(--hover-shadow-danger)}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.file-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all .2s ease;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.file-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-2px)}.file-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px var(--border-light))}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.file-size{font-size:.85rem;color:var(--text-secondary)}.file-status{font-size:.85rem;margin-top:.25rem;font-weight:600}.status-uploading,.status-extracting,.status-chunking,.status-translating{color:var(--color-accent)}.status-completed{color:var(--border-success)}.status-error{color:var(--color-error, #ef4444)}.remove-file-btn{width:32px;height:32px;border:none;background:var(--bg-card-alt);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;border:1px solid var(--border-light)}.remove-file-btn:hover{background:var(--gradient-accent-red);color:#fff;border-color:transparent;transform:rotate(90deg)}@media (max-width: 768px){.files-grid{grid-template-columns:1fr}}.book-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.book-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.book-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.book-icon,.book-status-icon{font-size:2rem;flex-shrink:0;line-height:1}.book-title{flex:1;min-width:0}.book-name{font-weight:600;font-size:1rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;line-height:1.4}.book-size,.book-status-text{font-size:.875rem;color:var(--text-secondary);font-weight:500;line-height:1.4}.remove-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-tertiary);cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:var(--radius-sm);transition:all .2s}.remove-btn:hover{background:var(--gradient-accent-red);color:#fff}.book-card-settings{margin-bottom:1rem}.book-card-settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.settings-row{display:contents}.settings-row label{font-size:.9rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.5rem}.settings-row-full{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem}.book-card-settings .language-autocomplete{width:100%;min-width:0}.custom-prompt-textarea{width:100%;min-width:0;padding:.75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-card-alt);color:var(--text-primary);transition:all .2s}.custom-prompt-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-card)}.char-count{font-size:.75rem;color:var(--text-tertiary);text-align:right;margin-top:.25rem}.book-card-progress{position:relative;padding-left:1rem}.book-card-progress:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-full)}.book-card-progress.status-pending:before{background:var(--text-tertiary)}.book-card-progress.status-uploading:before,.book-card-progress.status-extracting:before,.book-card-progress.status-chunking:before,.book-card-progress.status-translating:before{background:var(--color-accent)}.book-card-progress.status-completed:before{background:var(--border-success)}.book-card-progress.status-error:before{background:var(--color-error, #ef4444)}.book-progress{margin-bottom:1rem}.progress-bar-container{height:10px;background:var(--bg-card-tertiary);border-radius:5px;overflow:hidden;margin-bottom:.5rem;border:1px solid var(--border-light)}.progress-bar-fill{height:100%;background:var(--gradient-primary);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:5px;position:relative;overflow:hidden}.book-card-progress.status-translating .progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.progress-text{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.book-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.stat-item{display:flex;flex-direction:column;gap:.375rem}.stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;line-height:1.2}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2;font-variant-numeric:tabular-nums}.book-error{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--gradient-accent-red);border-radius:var(--radius-md);margin-top:.5rem;border:1px solid var(--border-error);color:#fff}.book-error.error-timeout{background:var(--gradient-warning);border-color:var(--border-warning)}.book-error.error-auth_error{background:#fee2e2;border-left-color:#dc2626}.book-error.error-api_error{background:#fef3c7;border-left-color:#f59e0b}.book-error.error-network_error{background:#dbeafe;border-left-color:#3b82f6}.error-type-badge{font-size:1.5rem;flex-shrink:0}.error-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.error-label{font-size:.75rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.error-message{font-size:.85rem;color:#fff;line-height:1.4}.error-retries{font-size:.75rem;color:#fffc;font-style:italic;margin-top:.25rem}.book-card-actions{margin-top:1rem;display:flex;justify-content:flex-end}.view-logs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;text-decoration:none}.view-logs-btn:hover{background:#f9fafb;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.view-logs-btn:active{transform:translateY(0);background:#f3f4f6;box-shadow:none}@media (max-width: 768px){.book-card-settings-fields{grid-template-columns:1fr}.settings-row-full{grid-column:1}.book-stats{grid-template-columns:1fr 1fr}}@media (max-width: 1024px) and (min-width: 769px){.book-card-settings-fields{gap:.75rem}}.book-settings-table{margin:2rem 0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.table-header h2{font-size:1.5rem;color:var(--text-heading);margin:0}.table-actions{display:flex;gap:.75rem;align-items:center}.toggle-apply-btn{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.toggle-apply-btn:hover{background:var(--color-primary-dark)}.apply-to-all-btn{padding:.5rem 1rem;background:var(--gradient-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;animation:slideIn .3s ease}.apply-to-all-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.apply-to-all-notice{background:var(--bg-card-alt);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem}.apply-to-all-notice p{margin:0;color:var(--text-primary);font-size:.9rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem;margin-bottom:1.5rem}.settings-summary{display:flex;gap:2rem;align-items:center;padding:1rem;background:var(--bg-card);border-radius:var(--radius-lg);flex-wrap:wrap;border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.summary-item{display:flex;gap:.5rem;align-items:center}.summary-label{font-size:.9rem;color:var(--text-secondary)}.summary-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.summary-warning{flex:1;text-align:right;color:var(--color-accent, #ff9800);font-size:.9rem;font-weight:500}@media (max-width: 1024px){.books-grid{grid-template-columns:1fr}}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-actions{width:100%;flex-direction:column}.toggle-apply-btn,.apply-to-all-btn{width:100%}.settings-summary{flex-direction:column;align-items:flex-start;gap:.75rem}.summary-warning{text-align:left}}.multi-book-progress{margin:2rem 0}.progress-header{margin-bottom:1.5rem}.progress-header h2{font-size:1.5rem;color:var(--text-heading);margin:0}.overall-progress{background:var(--bg-card-alt);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-box{text-align:center;padding:1.25rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-light);transition:all .2s ease;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.stat-total{border-left:4px solid var(--color-primary)}.stat-completed{border-left:4px solid var(--border-success)}.stat-progress{border-left:4px solid var(--color-accent)}.stat-pending{border-left:4px solid var(--text-tertiary)}.stat-error{border-left:4px solid var(--color-error, #ef4444)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.overall-progress-bar{margin-top:1rem}.progress-label{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.progress-bar-container{height:12px;background:var(--bg-card-tertiary);border-radius:6px;overflow:hidden;border:1px solid var(--border-light)}.progress-bar-fill{height:100%;background:var(--gradient-secondary);transition:width .5s ease;border-radius:6px}.books-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-height:600px;overflow-y:auto;padding:1rem;background:var(--bg-card-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.books-progress-grid::-webkit-scrollbar{width:8px}.books-progress-grid::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}.books-progress-grid::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.books-progress-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.overall-stats{grid-template-columns:repeat(2,1fr)}.books-progress-grid{grid-template-columns:1fr;max-height:500px}}.multi-book-output{margin-top:2rem;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.output-header{margin-bottom:1.5rem}.output-header h2{font-size:1.75rem;font-weight:700;color:var(--text-heading);margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.results-summary{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-stat{background:var(--bg-card-alt);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all var(--transition-base)}.summary-stat:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-medium)}.summary-stat-success{border-color:var(--border-success);background:var(--bg-card-success)}.summary-stat-error{border-color:var(--border-error);background:#fee2e21a}[data-theme=innovative] .summary-stat-error{background:#ef444426}.summary-stat-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.summary-stat-content{flex:1}.summary-stat-value{font-size:2rem;font-weight:700;color:var(--text-heading);line-height:1.2;margin-bottom:.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.summary-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.csv-export-btn,.start-over-btn{padding:.85rem 2.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.75rem}.csv-export-btn{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.csv-export-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.start-over-btn{background:var(--bg-card-alt);color:var(--text-primary);border:1px solid var(--border-medium)}.start-over-btn:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.partial-success-warning{background:var(--bg-warning-light, rgba(251, 191, 36, .1));border:1px solid var(--border-warning);border-radius:var(--radius-sm);padding:.75rem 1rem;margin-top:.75rem;font-size:.875rem;color:var(--text-heading);font-weight:500;display:flex;align-items:center;gap:.5rem}.downloads-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.downloads-header h3{margin-bottom:0}.download-all-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.download-all-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.download-all-btn:disabled{opacity:.7;cursor:not-allowed}.download-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.downloads-section,.errors-section{margin-bottom:3rem}.downloads-section h3,.errors-section h3{font-size:1.5rem;color:var(--text-heading);margin-bottom:1.5rem;font-weight:700;padding-left:.5rem;border-left:4px solid var(--color-primary)}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.errors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.download-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-sm)}.download-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-accent);transform:translateY(-4px);background:var(--bg-card-hover)}.download-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.download-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.download-title{flex:1;min-width:0}.download-filename{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:1.05rem}.download-stats{font-size:.85rem;color:var(--text-secondary);font-weight:500}.download-actions{display:flex;gap:.75rem}.download-btn{font-weight:600;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;transition:all var(--transition-base);border:1px solid transparent;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-btn-markdown{background:#3b82f61a;color:#3b82f6;border-color:#3b82f633}[data-theme=innovative] .download-btn-markdown{color:#60a5fa;border-color:#60a5fa4d}.download-btn-markdown:hover{background:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f61a}.download-btn-word{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf633}[data-theme=innovative] .download-btn-word{color:#a78bfa;border-color:#a78bfa4d}.download-btn-word:hover{background:#8b5cf633;transform:translateY(-1px);box-shadow:0 4px 6px #8b5cf61a}.error-card{display:flex;align-items:flex-start;gap:1rem;background:var(--bg-card-error, rgba(254, 226, 226, .5));border:1px solid var(--border-error);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.error-icon{font-size:1.5rem;flex-shrink:0}.error-content{flex:1}.error-filename{font-weight:700;color:var(--color-error, #ef4444);margin-bottom:.5rem;font-size:1.1rem}.error-message{font-size:.95rem;color:var(--text-primary);line-height:1.5;opacity:.9}@media (max-width: 768px){.summary-stats{grid-template-columns:1fr;gap:1rem}.output-header h2{font-size:1.5rem}.summary-actions{flex-direction:column;gap:.75rem}.csv-export-btn,.start-over-btn{width:100%;justify-content:center}.downloads-header{flex-direction:column;align-items:stretch}.download-all-btn{width:100%;justify-content:center}.downloads-grid,.errors-grid{grid-template-columns:1fr}.download-actions{flex-direction:column}.results-summary{padding:1.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.modal-content.book-logs-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:95%!important;max-width:1400px!important;height:90vh!important;max-height:90vh!important;padding:0!important;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}@keyframes slideUp{0%{transform:translateY(40px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0}.modal-title h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-heading);display:flex;align-items:center;gap:1rem}.book-info{display:inline-flex;align-items:center;gap:1rem}.book-filename{font-size:1.1rem;color:var(--text-primary);font-weight:500;background:var(--bg-card-alt);padding:.35rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.book-status{padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.modal-close-btn{background:var(--bg-card-alt);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.5rem;line-height:1}.modal-close-btn:hover{background:var(--bg-card-hover);color:var(--text-heading);border-color:var(--border-medium);transform:rotate(90deg)}.logs-controls{padding:1.25rem 2.5rem;border-bottom:1px solid var(--border-light);display:flex;flex-direction:row;gap:2rem;background:var(--bg-card-alt);align-items:center;flex-wrap:wrap;flex-shrink:0}.log-filters{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.2rem;border:1px solid var(--border-light);background:var(--bg-card);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.search-box{position:relative;flex:1;min-width:300px;margin-left:auto}.search-input{width:100%;padding:.75rem 3rem .75rem 1.2rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;background:var(--bg-card);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.clear-search-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s;display:flex}.clear-search-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.logs-display{flex:1;overflow-y:auto;padding:0;background:var(--bg-card-tertiary);position:relative}.no-logs-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:1.1rem;font-weight:500}.modal-actions{padding:1.5rem 2.5rem;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;background:var(--bg-card);flex-shrink:0}.modal-actions button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.6rem}.export-btn,.copy-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary)}.export-btn:hover,.copy-btn:hover{background:var(--bg-card-hover);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-1px)}.export-btn:disabled,.copy-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.close-btn{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.close-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.book-logs-modal .console-log{margin:0;height:100%;border:none;border-radius:0;background:transparent!important;box-shadow:none!important;padding:0!important}.book-logs-modal .console-log h3{display:none}.book-logs-modal .log-content{border:none;border-radius:0;padding:2rem 2.5rem;background:transparent;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;line-height:1.6;max-height:none!important}.book-logs-modal .log-entry{padding:.35rem .6rem;border-radius:4px;margin-bottom:2px;color:var(--text-primary);display:flex;align-items:flex-start}.book-logs-modal .log-entry:hover{background:var(--bg-card-hover)}.book-logs-modal .log-timestamp{color:var(--text-secondary);margin-right:1.25rem;font-size:.85rem;min-width:90px}.book-logs-modal .log-icon{margin-right:1rem;display:inline-block;width:1.5em;text-align:center}.book-logs-modal .log-message{word-break:break-word;flex:1;color:var(--text-primary)}.book-logs-modal .log-entry.error .log-message{color:#fe8787}.book-logs-modal .log-entry.warning .log-message{color:#fbd38d}.book-logs-modal .log-entry.success .log-message{color:#68d391}.book-logs-modal .log-entry.info .log-message{color:var(--text-primary)}.multi-book-page{min-height:100vh;display:flex;flex-direction:column}.multi-book-page .app-main{flex:1;padding:2rem 0}.multi-book-page .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-btn:hover{background:#ffffff1a;border-color:#ffffff80}.global-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:2rem;background:var(--bg-card-alt);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.warning-message{background:var(--gradient-warning);border:1px solid var(--border-warning);color:var(--text-primary);padding:1rem 1.5rem;border-radius:var(--radius-md);width:100%;text-align:center;font-weight:500}.start-translation-btn{padding:1rem 3rem;font-size:1.1rem;font-weight:600;border:none;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.start-translation-btn:hover:not(:disabled){transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow-primary);background:var(--gradient-primary-hover)}.start-translation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--bg-card-tertiary);color:var(--text-tertiary);border:1px solid var(--border-light);animation:none}.stop-translation-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);background:var(--gradient-accent-red);color:#fff;cursor:pointer;transition:all .2s ease}.stop-translation-btn:hover{background:var(--gradient-accent-red-hover);transform:translateY(-2px);box-shadow:var(--hover-shadow-danger)}.translation-controls{display:flex;justify-content:center;margin:2rem 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.multi-book-page .container{padding:0 1rem}.global-controls{padding:1.5rem}.start-translation-btn{width:100%;padding:1rem 1.5rem;font-size:1rem}.stop-translation-btn{width:100%}}*,*:before,*:after{box-sizing:border-box}input,textarea,select,.autocomplete-input,.custom-prompt-textarea{box-sizing:border-box!important}:root{--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-base);line-height:1.5;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:1.3;margin:0 0 var(--space-lg) 0;color:var(--text-heading)}p{margin:0 0 var(--space-md) 0;line-height:1.6}label{font-weight:var(--font-medium);font-size:var(--font-sm);color:var(--text-secondary);display:block;margin-bottom:var(--space-sm)}.app{min-height:100vh;background:var(--bg-app)}.app-header{background:var(--surface-header);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-xl);padding:1.5rem 0;position:relative;z-index:100;border-bottom:2px solid var(--border-light)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-section h1{margin:0;font-size:2rem;background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.subtitle{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.header-actions{display:flex;gap:1rem;align-items:center}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-card);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.header-btn:hover{border-color:var(--border-accent);transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow-primary)}.instructions-btn{color:var(--color-primary)}.language-toggle.lang-en{background:var(--gradient-accent-blue);color:#fff;border-color:var(--color-primary)}.language-toggle.lang-en:hover{background:var(--gradient-accent-blue-hover);border-color:var(--color-primary-dark);box-shadow:var(--hover-shadow-primary)}.language-toggle.lang-vi{background:var(--gradient-accent-red);color:#fff;border-color:var(--color-accent)}.language-toggle.lang-vi:hover{background:var(--gradient-accent-red-hover);border-color:var(--color-accent);box-shadow:var(--hover-shadow-danger)}.back-to-apps-btn{text-decoration:none;color:var(--color-primary)}.back-to-apps-btn:hover{color:var(--color-primary)}.api-status-btn.connected{background:var(--gradient-success);color:#fff;border-color:var(--border-success)}.api-status-btn.connected:hover{box-shadow:var(--hover-shadow-success)}.api-status-btn.disconnected{background:var(--gradient-warning);color:#fff;border-color:var(--border-warning)}.api-status-btn.disconnected:hover{box-shadow:var(--hover-shadow-primary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;box-shadow:0 0 8px currentColor}.app-main{padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.workflow-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.file-upload{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);height:100%;display:flex;flex-direction:column}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light)}.upload-header h2{margin:0;font-size:var(--font-xl)}.file-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1.5rem;flex:1}.success-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.file-info{font-size:1.1rem;color:var(--text-primary);font-weight:500;max-width:80%;margin:0 auto;line-height:1.6}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.translation-controls{background:var(--bg-card-alt);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;flex-direction:column}.settings-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light)}.translation-controls h2{margin:0;color:var(--text-heading);font-weight:700;font-size:var(--font-xl)}.settings-grid{display:grid;gap:1.5rem;flex:1}.settings-group{background:var(--bg-card);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-base)}.settings-group:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.group-title{margin:0 0 1rem;font-size:var(--font-base);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.language-row{display:flex;align-items:center;gap:1rem}.language-field{flex:1;min-width:0}.language-arrow{font-size:1.25rem;color:var(--text-tertiary);margin-top:1.6rem}.group-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.group-header .group-title{margin:0;cursor:pointer}.active-badge{color:var(--color-accent);font-size:1.5em;line-height:.5}.instructions-content{margin-top:1rem;animation:slideDown .3s ease-out}.custom-prompt-textarea{width:100%;min-height:120px;padding:.75rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;resize:vertical;background:var(--bg-card-alt);color:var(--text-primary);transition:all .2s}.custom-prompt-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--bg-card)}.custom-prompt-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.85rem;color:var(--text-tertiary)}.custom-prompt-buttons{display:flex;gap:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.glossary-content{margin-top:1rem;animation:slideDown .3s ease-out}.glossary-hint{font-size:.9rem;color:var(--text-secondary);margin:0 0 .25rem}.glossary-format-help{font-size:.8rem;color:var(--text-tertiary);margin:0 0 1rem;font-style:italic}.glossary-upload-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.glossary-upload-btn{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.glossary-badge{background:var(--gradient-success);color:#fff;padding:.1rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;min-width:1.5rem;text-align:center}.glossary-preview{margin-top:.5rem;animation:slideDown .2s ease-out}.glossary-status{font-size:.9rem;font-weight:600;color:var(--color-success, #16a34a);margin-bottom:.75rem}.glossary-table{width:100%;border-collapse:collapse;font-size:.85rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.glossary-table th{background:var(--bg-card-alt);padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.glossary-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.glossary-table tr:last-child td{border-bottom:none}.glossary-table tr:hover td{background:var(--bg-card-alt)}.glossary-more-row td{text-align:center;color:var(--text-tertiary);font-style:italic;font-size:.8rem}.glossary-status-badge{font-size:.8rem;font-weight:600;color:var(--color-success, #16a34a);margin-top:.5rem}.glossary-settings-row{border-top:1px solid var(--border-light);padding-top:1rem;margin-top:.5rem}.status-messages{display:flex;flex-direction:column;gap:.75rem}.warning-message{padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706;border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.info-message{padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb;border-radius:var(--radius-md);font-size:.9rem;font-weight:500}.action-area{margin-top:auto}.btn-xl{width:100%;padding:1.25rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-btn .btn-content{display:flex;align-items:center;gap:1rem;text-align:left}.start-btn .icon{font-size:2rem}.start-btn .text{display:flex;flex-direction:column}.start-btn .main-text{font-size:1.25rem;font-weight:700;line-height:1.2}.start-btn .sub-text{font-size:.85rem;opacity:.9;font-weight:500}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f680}.start-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.stop-btn{font-size:1.25rem;font-weight:700}.stop-btn .icon{font-size:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow-primary)}.btn-secondary{background:var(--gradient-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px)}.btn-danger{background:var(--gradient-accent-red);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:var(--gradient-accent-red-hover);transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow-danger)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--border-light)}.btn-link{background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-block;border-radius:var(--radius-sm);transition:all var(--transition-base)}.btn-link:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{width:100%;padding:1rem;font-size:1.1rem}.progress-dashboard{background:var(--bg-card-tertiary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);margin-bottom:2rem;border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.stage-indicators{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.stage-indicator{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;background:var(--bg-card-alt);color:var(--text-secondary);transition:all var(--transition-base);border:2px solid var(--border-light)}.stage-indicator.active{background:var(--gradient-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stage-indicator.completed{background:var(--gradient-success);color:#fff;border-color:var(--border-success)}.custom-prompt-banner{margin:1rem 0;padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;font-size:.95rem;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.banner-with-prompt{display:flex;align-items:center;gap:.75rem;background:var(--gradient-warning);padding:.75rem 1rem;border-radius:var(--radius-sm);border:2px solid var(--border-warning);width:100%}.banner-no-prompt{display:flex;align-items:center;gap:.75rem;background:var(--gradient-accent-blue);padding:.75rem 1rem;border-radius:var(--radius-sm);border:2px solid var(--color-primary);width:100%}.banner-icon{font-size:1.2rem;line-height:1}.banner-text{font-weight:600;flex:1}.banner-with-prompt .banner-text{color:var(--text-primary)}.banner-no-prompt .banner-text{color:#fff}.progress-bar-container{margin-bottom:2rem}.progress-bar{height:40px;background:var(--bg-card-alt);border-radius:20px;overflow:hidden;position:relative;border:2px solid var(--border-light)}.progress-fill{height:100%;background:var(--gradient-secondary);border-radius:20px;transition:width var(--transition-base);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #ffffff4d}.progress-text{color:#fff;font-weight:800;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.translation-stats{margin-bottom:2rem}.stat-card{background:var(--bg-card-tertiary);padding:1rem;border-radius:var(--radius-lg);margin-bottom:1rem;border:2px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{padding:.75rem;background:var(--bg-card);border-radius:var(--radius-md);border-left:4px solid var(--color-secondary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.stat-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.chunk-visualization{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:6px;margin-bottom:2rem;max-height:200px;overflow-y:auto}.chunk-cell{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-fast)}.chunk-cell.pending{animation:fadeBreath 2s ease-in-out infinite}.chunk-cell.translating{animation:robotWork .8s ease-in-out infinite}.chunk-cell.completed{animation:popIn .4s ease-out,completedGlow 2s ease-in-out infinite;animation-fill-mode:forwards,none}.chunk-cell.error{animation:shakeAlert .3s ease-out,errorPulse 1.5s ease-in-out infinite;animation-fill-mode:forwards,none}@keyframes fadeBreath{0%,to{opacity:1}50%{opacity:.5}}@keyframes robotWork{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 4px rgba(251,191,36,0))}50%{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}}@keyframes popIn{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes completedGlow{0%,to{filter:drop-shadow(0 0 2px rgba(16,185,129,.3))}50%{filter:drop-shadow(0 0 6px rgba(16,185,129,.6))}}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}}@keyframes errorPulse{0%,to{filter:drop-shadow(0 0 2px rgba(239,68,68,.3))}50%{filter:drop-shadow(0 0 6px rgba(239,68,68,.8))}}.console-log{background:var(--bg-card);border-radius:var(--radius-lg);padding:1rem;color:var(--text-primary);border:2px solid var(--border-light);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.console-log h3{margin:0 0 1rem;color:var(--border-success);font-family:var(--font-mono);text-shadow:0 0 10px var(--border-success)}.log-content{max-height:300px;overflow-y:auto;font-family:var(--font-mono);font-size:.85rem}.log-entry{padding:.25rem 0;display:flex;gap:.5rem}.log-timestamp{color:var(--text-tertiary)}.log-icon{width:20px}.log-entry.info .log-icon{color:var(--color-primary)}.log-entry.success .log-icon{color:var(--border-success)}.log-entry.error .log-icon{color:var(--color-accent)}.log-entry.warning .log-icon{color:var(--border-warning)}.log-message{flex:1}.output-panel{background:var(--bg-card-success);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.output-panel h2{margin-top:0;color:var(--text-heading);font-weight:700}.output-summary{margin-bottom:2rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.summary-item{padding:1rem;background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--border-success);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.summary-item .label{font-weight:700;color:var(--text-primary)}.download-actions{display:flex;gap:1rem;margin-bottom:2rem}.download-actions .btn{flex:1}.completion-stats{padding:1rem;background:var(--bg-card-success);border-radius:var(--radius-lg);border:2px solid var(--border-success);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.completion-stats .success,.completion-stats .warning{color:var(--text-primary);font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.modal-content{background:var(--surface-modal);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:2px solid var(--border-light);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.modal-content.api-key-modal{max-width:600px}.modal-content.instructions-modal{max-width:700px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-medium)}.modal-header h2,.modal-header h3{margin:0;color:var(--text-heading)}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-secondary);line-height:1}.modal-close:hover{background:var(--border-error);color:var(--color-accent);transform:scale(1.1)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn:hover{background:var(--border-light);transform:scale(1.1)}.modal-close-btn{padding:.75rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.modal-close-btn:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.instruction-section{margin-bottom:2rem}.instruction-section h3{color:var(--color-primary);margin-bottom:1rem;font-weight:700}.instruction-steps{list-style:none;padding:0;counter-reset:step-counter}.instruction-steps li{margin-bottom:1.5rem;padding-left:2rem;position:relative}.instruction-steps li strong{display:block;color:var(--text-heading);margin-bottom:.5rem;font-weight:700}.instruction-steps li p{color:var(--text-secondary);margin:0;line-height:1.6}.instruction-section.disclaimer{background:var(--gradient-warning);padding:1.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--border-warning);border:2px solid var(--border-warning)}.disclaimer-points{margin-top:1rem;padding-left:1.5rem}.disclaimer-points li{color:var(--text-primary);margin-bottom:.5rem;line-height:1.6;font-weight:500}.tips-list{padding-left:1.5rem}.tips-list li{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.modal-footer{margin-top:2rem;padding-top:1rem;border-top:2px solid var(--border-medium);display:flex;justify-content:center}.modal-content h2{margin-top:0;color:var(--text-heading);font-weight:700}.modal-body{margin:1.5rem 0}.modal-body p{color:var(--text-primary);line-height:1.7;margin-bottom:1rem;font-size:.95rem}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:var(--color-primary);font-weight:700}.instruction{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.api-key-input{width:100%;padding:.75rem;border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--bg-card);color:var(--text-primary)}.api-key-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--border-light)}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem;border-radius:var(--radius-md);background:var(--border-light);border:2px solid var(--border-light);transition:all var(--transition-base)}.toggle-label:hover{background:var(--border-medium);border-color:var(--border-medium)}.toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:24px;background:var(--text-secondary);border-radius:12px;position:relative;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.toggle-checkbox:checked{background:var(--gradient-primary)}.toggle-checkbox:before{content:"";position:absolute;width:18px;height:18px;border-radius:var(--radius-full);top:3px;left:3px;background:#fff;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.toggle-checkbox:checked:before{transform:translate(24px)}.toggle-text{font-weight:600;color:var(--text-primary);font-size:.95rem}.test-result{padding:.75rem;border-radius:var(--radius-md);margin-top:1rem;font-weight:600;border:2px solid}.test-result.success{background:var(--bg-card-success);color:var(--text-primary);border-color:var(--border-success)}.test-result.error{background:var(--gradient-accent-red);color:#fff;border-color:var(--border-error)}.provider-selector{display:flex;gap:1rem;margin-top:.5rem}.provider-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-card);border:2px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-size:.95rem;font-weight:600;color:var(--text-secondary);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.provider-option:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.provider-option.active{border-color:var(--border-accent);background:var(--bg-card-alt);color:var(--color-secondary);box-shadow:var(--shadow-lg);font-weight:700}.provider-icon{font-size:2rem;filter:grayscale(.5);transition:filter var(--transition-base)}.provider-option.active .provider-icon{filter:grayscale(0)}.provider-name{font-size:1rem}.model-select{width:100%;padding:.75rem;border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.model-select:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--border-light)}.model-select:hover{border-color:var(--border-accent)}.deepseek-toggle-section{background:var(--bg-card-alt);padding:1.5rem;border-radius:var(--radius-lg);border:2px solid var(--border-medium);margin-bottom:1.5rem;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.toggle-container{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:60px;height:30px;background:var(--text-secondary);border-radius:15px;transition:all var(--transition-base);border:2px solid var(--text-tertiary)}.toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:var(--radius-full);top:2px;left:2px;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.toggle-checkbox:checked+.toggle-switch{background:var(--gradient-primary);border-color:var(--color-primary)}.toggle-checkbox:checked+.toggle-switch:after{left:32px}.toggle-checkbox:disabled+.toggle-switch{opacity:.6;cursor:not-allowed}.toggle-label:has(.toggle-checkbox:disabled){cursor:not-allowed;opacity:.6}.toggle-text{font-size:1rem}.backend-key-notice{padding:.75rem;background:var(--bg-card-success);border:2px solid var(--border-success);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;text-align:center;margin-top:.5rem}.backend-key-error{padding:.75rem;background:var(--gradient-accent-red);border:2px solid var(--border-error);border-radius:var(--radius-md);color:#fff;font-weight:600;text-align:center;margin-top:.5rem}.model-selection{margin-top:1.5rem}.model-options{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.model-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.dropzone{border:3px dashed var(--border-medium);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--surface-dropzone);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.model-option:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.model-option.selected{border-color:var(--border-accent);background:var(--bg-card-alt);box-shadow:var(--shadow-lg)}.model-option input[type=radio]{margin-top:.25rem;cursor:pointer;width:18px;height:18px;accent-color:var(--color-secondary)}.model-info{flex:1}.model-name{font-weight:600;color:var(--text-heading);margin-bottom:.25rem;font-size:.95rem}.model-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.pro-warning{margin-top:1rem;padding:1rem;background:var(--gradient-warning);border:2px solid var(--border-warning);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;line-height:1.5;font-weight:500}.modal-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.action-group,.left-actions{display:flex;gap:.5rem}.right-actions{display:flex;gap:.5rem;align-items:center}.guide-section{background:var(--bg-card-alt);border-left:4px solid var(--border-accent);padding:1.25rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;border:2px solid var(--border-medium);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.guide-text{margin:0 0 1rem;color:var(--text-primary);font-size:.9rem;line-height:1.6}.how-to-get{background:var(--bg-card);padding:1rem;border-radius:var(--radius-md);margin-top:1rem;border:2px solid var(--border-light)}.how-to-get h4{margin:0 0 .75rem;color:var(--text-heading);font-size:.95rem;font-weight:700}.how-to-get ol{margin:0 0 1rem;padding-left:1.5rem;color:var(--text-primary);font-size:.875rem;line-height:1.8}.how-to-get ol li{margin-bottom:.25rem}.hint-text{margin:.5rem 0 0;color:var(--text-secondary);font-size:.8rem;font-style:italic}.app-footer{background:var(--surface-header);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:1.5rem 0;margin-top:3rem;border-top:2px solid var(--border-light);box-shadow:var(--shadow-xl)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-content p{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:500}.footer-content a{color:var(--color-primary);text-decoration:none;font-weight:700;transition:all var(--transition-fast)}.footer-content a:hover{color:var(--color-secondary);text-decoration:underline}@media (max-width: 768px){.workflow-section{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem;text-align:center;padding:0 1rem}.logo-section h1{font-size:1.5rem}.subtitle{font-size:.8rem}.header-actions{width:100%;flex-direction:column;gap:.75rem}.header-btn{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.api-status-btn,.instructions-btn,.language-toggle,.back-to-apps-btn{width:100%;text-align:center;box-sizing:border-box}.upload-header{flex-direction:column;align-items:stretch}.info-button{width:100%}.language-selectors{flex-direction:column}.arrow{transform:rotate(90deg)}.download-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem;max-height:90vh}}.language-autocomplete{flex:1;min-width:0;position:relative}.language-autocomplete label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.autocomplete-container{position:relative}.autocomplete-input{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:all var(--transition-base);background:var(--bg-card);color:var(--text-primary);box-sizing:border-box;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.autocomplete-input:focus{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px var(--border-light)}.autocomplete-input:disabled{background:var(--bg-card-alt);cursor:not-allowed;opacity:.6}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;background:var(--bg-card);border:2px solid var(--border-accent);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-lg);animation:dropdownSlideIn var(--transition-fast) ease-out;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.autocomplete-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-light)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--bg-card-alt)}.autocomplete-item.selected{background:var(--bg-card-tertiary);font-weight:600}.item-name{font-size:.95rem;color:var(--text-primary)}.autocomplete-item.selected .item-name{color:var(--color-secondary)}.item-native{font-size:.85rem;color:var(--text-secondary);margin-left:.5rem}.autocomplete-item.selected .item-native{color:var(--color-secondary)}.autocomplete-dropdown::-webkit-scrollbar{width:8px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--border-light);border-radius:var(--radius-md)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--gradient-secondary);border-radius:var(--radius-md)}.autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary)}@media (max-height: 600px){.autocomplete-dropdown{max-height:200px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=classic]{--color-primary: #5b5dff;--color-primary-dark: #4b4dcf;--color-secondary: #9747FF;--color-secondary-dark: #8737df;--color-accent: #FF6B9D;--gradient-primary: linear-gradient(135deg, #5b5dff 0%, #9747FF 100%);--gradient-primary-hover: linear-gradient(135deg, #4b4dcf 0%, #8737df 100%);--gradient-secondary: linear-gradient(135deg, #9747FF 0%, #FF6B9D 100%);--gradient-accent-blue: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--gradient-accent-blue-hover: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);--gradient-accent-red: linear-gradient(135deg, #ef4444 0%, #ff6b6b 100%);--gradient-accent-red-hover: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--bg-app: linear-gradient(135deg, #5b5dff 0%, #9747FF 50%, #FF6B9D 100%);--bg-card: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);--bg-card-alt: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);--bg-card-tertiary: linear-gradient(135deg, #ffffff 0%, #fef3ff 100%);--bg-card-success: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);--surface-header: rgba(255, 255, 255, .98);--surface-modal: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);--surface-dropzone: linear-gradient(135deg, #faf5ff 0%, #f5f3ff 100%);--surface-dropzone-hover: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);--surface-dropzone-active: linear-gradient(135deg, #ddd6fe 0%, #c7d2fe 100%);--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-heading: #222;--text-gradient: linear-gradient(135deg, #5b5dff 0%, #9747FF 100%);--border-light: #e0d5ff;--border-medium: #c7d2fe;--border-accent: #9747FF;--border-success: #34d399;--border-warning: #fbbf24;--border-error: #ef4444;--shadow-sm: 0 2px 8px rgba(91, 93, 255, .3);--shadow-md: 0 4px 12px rgba(91, 93, 255, .3);--shadow-lg: 0 8px 20px rgba(91, 93, 255, .4);--shadow-xl: 0 8px 32px rgba(91, 93, 255, .15);--shadow-card: 0 8px 24px rgba(0, 0, 0, .3);--hover-lift: -3px;--hover-shadow-primary: 0 8px 20px rgba(91, 93, 255, .5);--hover-shadow-success: 0 6px 20px rgba(16, 185, 129, .4);--hover-shadow-danger: 0 8px 20px rgba(239, 68, 68, .5);--backdrop-blur: blur(12px);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%}[data-theme=innovative]{--color-primary: #0066FF;--color-primary-dark: #0052CC;--color-secondary: #00AAFF;--color-secondary-dark: #0088CC;--color-accent: #FF6B35;--gradient-primary: linear-gradient(135deg, #0066FF 0%, #00AAFF 100%);--gradient-primary-hover: linear-gradient(135deg, #0052CC 0%, #0088CC 100%);--gradient-secondary: linear-gradient(135deg, #00AAFF 0%, #0066FF 100%);--gradient-accent-blue: linear-gradient(135deg, #0066FF 0%, #00AAFF 100%);--gradient-accent-blue-hover: linear-gradient(135deg, #0052CC 0%, #0088CC 100%);--gradient-accent-red: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);--gradient-accent-red-hover: linear-gradient(135deg, #E55A28 0%, #FF6B35 100%);--gradient-success: linear-gradient(135deg, #00D084 0%, #00F5A0 100%);--gradient-warning: linear-gradient(135deg, #FFA500 0%, #FFB347 100%);--bg-app: radial-gradient(ellipse at 20% 20%, rgba(0, 102, 255, .3) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(255, 107, 53, .25) 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, rgba(0, 170, 255, .2) 0%, transparent 50%), linear-gradient(135deg, #001a33 0%, #002244 50%, #001a33 100%);--bg-card: rgba(255, 255, 255, .08);--bg-card-alt: rgba(255, 255, 255, .06);--bg-card-tertiary: rgba(255, 255, 255, .1);--bg-card-success: rgba(0, 208, 132, .08);--surface-header: rgba(255, 255, 255, .05);--surface-modal: rgba(255, 255, 255, .1);--surface-dropzone: rgba(255, 255, 255, .05);--surface-dropzone-hover: rgba(255, 255, 255, .08);--surface-dropzone-active: rgba(0, 170, 255, .1);--text-primary: #E8F0FF;--text-secondary: #A8C5E8;--text-tertiary: #7AA3D1;--text-heading: #FFFFFF;--text-gradient: linear-gradient(135deg, #0066FF 0%, #FF6B35 100%);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .15);--border-accent: rgba(0, 102, 255, .5);--border-success: rgba(0, 208, 132, .5);--border-warning: rgba(255, 165, 0, .5);--border-error: rgba(255, 107, 53, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-card: 0 8px 24px rgba(0, 0, 0, .5);--hover-lift: -4px;--hover-shadow-primary: 0 8px 24px rgba(0, 102, 255, .4), 0 0 20px rgba(0, 102, 255, .2);--hover-shadow-success: 0 8px 24px rgba(0, 208, 132, .4), 0 0 20px rgba(0, 208, 132, .2);--hover-shadow-danger: 0 8px 24px rgba(255, 107, 53, .4), 0 0 20px rgba(255, 107, 53, .2);--backdrop-blur: blur(20px);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 50%}[data-theme=classic]{--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Courier New", monospace}[data-theme=innovative]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}:root{--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem}[data-theme=innovative]{--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}:root{--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}