@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.excel-viewer{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;overflow:hidden}.original-data-box{background:var(--surface-elevated);border:1px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-lg);animation:fadeIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.original-data-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.original-data-box h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.original-data-content{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-family-mono);font-size:.8rem;color:var(--text-primary);word-break:break-all;max-height:120px;overflow-y:auto;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.excel-tables{display:flex;gap:var(--space-lg);width:100%;overflow-x:auto}.excel-tables.side-by-side{flex-direction:row}.excel-tables.side-by-side .table-container{flex:1;min-width:45%;max-width:50%}.excel-tables.single-table{flex-direction:column}.excel-tables.single-table .table-container{width:100%}.excel-table-container{flex:1;min-width:45%;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.excel-table-container h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm);text-align:center;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.excel-table{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:auto;max-height:600px;box-shadow:var(--shadow-sm);background:var(--surface-primary);position:relative}.excel-table table{border-collapse:collapse;width:100%;font-size:.9rem}.excel-table th,.excel-table td{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:var(--space-sm) var(--space-md);text-align:left;min-width:80px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.4;transition:all .3s ease;cursor:pointer}.excel-table td:hover,.virtualized-cell:hover{background-color:#8b5cf61a!important;transform:scale(1.02);box-shadow:0 2px 8px #8b5cf633;z-index:1;position:relative}.excel-table th{background:var(--gradient-surface);font-weight:600;position:sticky;top:0;z-index:10;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-medium)}.excel-table td{background:var(--surface-primary);color:var(--text-primary)}.excel-table tr:hover td{background:var(--bg-tertiary)}.row-header{background:var(--gradient-surface)!important;font-weight:600;position:sticky;left:0;z-index:5;border-right:2px solid var(--border-medium)!important}.highlight-column{background:rgba(99,102,241,.08)!important;border-left:2px solid var(--primary-color)!important;border-right:2px solid var(--primary-color)!important}.draggable-cell{cursor:move;position:relative;transition:all .2s ease}.draggable-cell:after{content:"⇄";position:absolute;top:2px;right:2px;font-size:10px;color:var(--primary-color);opacity:.6;transition:opacity .2s ease}.draggable-cell:hover{background:rgba(99,102,241,.15)!important;transform:scale(1.02);box-shadow:var(--shadow-sm)}.draggable-cell:hover:after{opacity:1}.dragging{opacity:.6;background:rgba(99,102,241,.25)!important;transform:rotate(2deg) scale(.98);box-shadow:var(--shadow-lg)}.drop-target{background:rgba(99,102,241,.2)!important;box-shadow:inset 0 0 0 2px var(--primary-color),var(--shadow-md);animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.excel-viewer-legend{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--text-secondary);font-weight:500}.legend-color{display:inline-block;width:12px;height:12px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.legend-color.highlight-column{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3)}.legend-color.draggable-cell{background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.4)}.excel-table-header{border-bottom:2px solid var(--border-primary);box-shadow:var(--shadow-sm)}.excel-table-body{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.excel-table-body::-webkit-scrollbar{width:12px;height:0px}.excel-table-body::-webkit-scrollbar:vertical{width:12px}.excel-table-body::-webkit-scrollbar:horizontal{height:0px;display:none}.excel-table-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.excel-table-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm);border:2px solid var(--bg-tertiary)}.excel-table-body::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.excel-table-body::-webkit-scrollbar-corner{background:var(--bg-tertiary)}.excel-table-body{scrollbar-gutter:stable;overflow-y:scroll!important;overflow-x:hidden!important}.excel-table tbody tr{will-change:transform;contain:layout style paint}.excel-table td{contain:layout style}@media (max-width: 1200px){.excel-tables{flex-direction:column}.table-container{width:100%;margin-bottom:var(--space-lg)}}@media (max-width: 768px){.excel-viewer{padding:var(--space-md)}.excel-table{font-size:.75rem}.excel-table th,.excel-table td{padding:var(--space-xs);min-width:60px}.original-data-box{padding:var(--space-md)}.excel-table-body{height:300px!important}}@media (max-width: 480px){.excel-table th,.excel-table td{min-width:50px;padding:.3rem;font-size:.8rem}.excel-viewer-legend{flex-direction:column;gap:.5rem}}.yellow-highlight-row{background-color:#fff3cd!important}.yellow-highlight-cell{background-color:#fff3cd!important;border:1px solid #ffeaa7!important}.yellow-highlight-row:hover,.yellow-highlight-cell:hover{background-color:#ffeaa7!important}.editing-cell{background-color:#e3f2fd!important;border:2px solid #2196f3!important}.editing-cell input{padding:2px 4px}.sheet-selector{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--gradient-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;overflow:hidden}.sheet-selector:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-secondary)}.sheet-selector h3{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xs);text-align:center}.sheet-selector-info{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:var(--space-md);text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.sheet-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);max-height:300px;overflow-y:auto;padding:var(--space-md) 0}.sheet-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--surface-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);font-weight:500}.sheet-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.sheet-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.sheet-item:hover:before{opacity:.05}.sheet-item.selected{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sheet-item.selected:before{opacity:0}.sheet-item.processed{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:var(--text-inverse);border-color:var(--success-color)}.sheet-item.processed.selected{background:var(--gradient-primary);border-color:var(--primary-color)}.sheet-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;font-weight:600}.processed-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-primary);color:var(--success-color);border-radius:50%;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-sm);position:relative;z-index:1;border:2px solid var(--success-color)}.sheet-item.selected .processed-badge{background:var(--surface-primary);color:var(--primary-color);border-color:var(--surface-primary)}.sheet-item.processed .processed-badge{background:var(--surface-primary);color:var(--success-color);border-color:var(--surface-primary)}.sheet-selector-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-xl);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.legend-color{display:inline-block;width:14px;height:14px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:2px solid transparent}.legend-color.selected{background:var(--gradient-primary)}.legend-color.processed{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}@media (max-width: 768px){.sheet-list{max-height:150px}.sheet-item{padding:.5rem .8rem;font-size:.85rem}}@media (max-width: 480px){.sheet-selector{padding:1rem}.sheet-list{gap:.5rem}.sheet-item{padding:.4rem .6rem;font-size:.8rem}.sheet-name{max-width:120px}}.processed-sheets-list{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.processed-sheets-empty{background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.empty-state{text-align:center;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:.95rem}.processed-sheets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light)}.processed-sheets-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:var(--space-sm)}.processed-sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.processed-sheet-card{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.processed-sheet-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.processed-sheet-card.selected{border-color:var(--primary-color);background:rgba(139,92,246,.05);box-shadow:0 0 0 1px var(--primary-color)}.sheet-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.sheet-checkbox{position:relative}.sheet-checkbox input[type=checkbox]{opacity:0;position:absolute;width:20px;height:20px;margin:0;cursor:pointer}.sheet-checkbox label{display:block;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--surface-primary);cursor:pointer;transition:all .2s ease;position:relative}.sheet-checkbox input[type=checkbox]:checked+label{background:var(--primary-color);border-color:var(--primary-color)}.sheet-checkbox input[type=checkbox]:checked+label:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.sheet-name{flex:1;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.remove-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.sheet-info{display:flex;flex-direction:column;gap:var(--space-xs)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.processed-sheets-actions{display:flex;gap:var(--space-md);justify-content:center;padding-top:var(--space-md);border-top:1px solid var(--border-light)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:2px solid var(--border-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.btn-secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{background:#ef4444;color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.processed-sheets-grid{grid-template-columns:1fr}.processed-sheets-header{flex-direction:column;gap:var(--space-md);align-items:stretch}.header-actions{justify-content:center}.processed-sheets-actions{flex-direction:column}}.excel-processor-container{display:flex;flex-direction:column;min-height:100vh;max-width:1400px;margin:0 auto;padding:var(--space-lg);background:var(--bg-secondary)}.app-header{text-align:center;padding:var(--space-md) 0;margin-bottom:var(--space-lg);background:var(--gradient-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.app-header h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:var(--space-xs);letter-spacing:-.025em}.app-header p{color:var(--text-secondary);font-size:1.125rem;font-weight:400;max-width:600px;margin:0 auto;line-height:1.7}.app-content{flex:1;display:flex;flex-direction:column}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:320px;border:2px dashed var(--border-medium);border-radius:var(--radius-xl);background:var(--surface-primary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;margin-bottom:var(--space-xl);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.dropzone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;z-index:0}.dropzone:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dropzone:hover:before{opacity:.05}.dropzone.active{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.dropzone.active:before{opacity:.1}.dropzone-content{text-align:center;position:relative;z-index:1;padding:var(--space-lg)}.dropzone p{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.5}.dropzone-info{font-size:.875rem!important;color:var(--text-secondary)!important;font-weight:400;line-height:1.6}.file-processing{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--surface-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.file-info{display:flex;flex-direction:column;gap:var(--space-sm)}.file-info h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.loading{color:var(--primary-color);font-weight:500;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(99,102,241,.05);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.1)}.loading:after{content:"";display:inline-block;width:1rem;height:1rem;border:2px solid var(--primary-color);border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--error-color);font-weight:500;padding:var(--space-md);border-radius:var(--radius-md);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);box-shadow:var(--shadow-sm)}.excel-viewer-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.actions{display:flex;justify-content:flex-end;margin-top:1rem}.export-button{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.export-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .2s ease}.export-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.export-button:hover:before{opacity:1}.export-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.export-button:disabled{background:var(--border-medium);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.export-button:disabled:before{display:none}.app-footer{margin-top:var(--space-2xl);padding:var(--space-xl) 0;text-align:center;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.875rem;background:var(--surface-secondary);border-radius:var(--radius-lg)}.column-input{width:100%;padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-family-sans);background:var(--surface-primary);color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.column-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;background:var(--surface-elevated)}.column-input::placeholder{color:var(--text-muted)}.process-button{background:var(--gradient-secondary);color:var(--text-inverse);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:var(--shadow-md);position:relative;overflow:hidden;min-width:140px}.process-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .2s ease}.process-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.process-button:hover:not(:disabled):before{opacity:1}.process-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.process-button:disabled{background:var(--border-medium);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.process-button:disabled:before{display:none}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:var(--space-xs)}.form-group small{color:var(--text-secondary);font-size:.75rem;margin-top:var(--space-xs)}.column-selection{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0;box-shadow:var(--shadow-sm)}.column-selection h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-lg);text-align:center;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-light)}@media (max-width: 768px){.app-header{padding:var(--space-xl) 0}.app-header h1{font-size:2.25rem}.dropzone{height:280px}.column-selection{padding:var(--space-lg)}}@media (max-width: 480px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}.dropzone{height:240px}.dropzone p{font-size:1.125rem}.column-selection{padding:var(--space-md)}.process-button{width:100%}}:root{--primary-color: #6366f1;--primary-light: #8b5cf6;--primary-dark: #4f46e5;--secondary-color: #06b6d4;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #111827;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-elevated: #ffffff;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-surface: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-color: var(--text-primary);--background-color: var(--bg-secondary);--card-color: var(--surface-primary);--border-color: var(--border-light)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;font-size:.875rem;font-weight:400}code{font-family:var(--font-family-mono);font-size:.875em;background:var(--bg-tertiary);padding:.125rem .25rem;border-radius:var(--radius-sm);color:var(--text-primary)}button{cursor:pointer;font-family:var(--font-family-sans);font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:rgba(99,102,241,.2);color:var(--text-primary)}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}