*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-text: #212529;--color-text-secondary: #6c757d;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-border: #dee2e6;--color-shadow: rgba(0, 0, 0, .1);--color-diff-added: #d1fae5;--color-diff-added-text: #065f46;--color-diff-removed: #fee2e2;--color-diff-removed-text: #991b1b;--color-diff-modified: #fef3c7;--color-diff-modified-text: #92400e;--color-diff-unchanged: #f3f4f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-toast: 1060}[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #3d3d3d;--color-text: #f5f5f5;--color-text-secondary: #a0a0a0;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-border: #404040;--color-shadow: rgba(0, 0, 0, .3);--color-diff-added: #064e3b;--color-diff-added-text: #6ee7b7;--color-diff-removed: #7f1d1d;--color-diff-removed-text: #fca5a5;--color-diff-modified: #78350f;--color-diff-modified-text: #fcd34d;--color-diff-unchanged: #374151}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.08) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#e0e7ff,#fce7f3);animation:gradientShift 15s ease infinite}[data-theme=dark] body:before{background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.1) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e)}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.85}}body:after{content:"";position:fixed;inset:-50%;z-index:-1;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-md);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);min-height:44px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;user-select:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-success{background-color:var(--color-success);color:#fff}.btn-error{background-color:var(--color-error);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input[type=text],input[type=search],input[type=email],textarea,select{width:100%;padding:var(--space-sm) var(--space-md);min-height:44px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 1px 3px var(--color-shadow)}.diff-added{background-color:var(--color-diff-added);color:var(--color-diff-added-text);padding:2px 4px;border-radius:var(--radius-sm)}.diff-removed{background-color:var(--color-diff-removed);color:var(--color-diff-removed-text);padding:2px 4px;border-radius:var(--radius-sm);text-decoration:line-through}.diff-modified{background-color:var(--color-diff-modified);color:var(--color-diff-modified-text);padding:2px 4px;border-radius:var(--radius-sm)}.diff-unchanged{background-color:var(--color-diff-unchanged);opacity:.6}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--color-text-secondary)}.hidden{display:none!important}.spinner{border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.container{padding:0 var(--space-lg)}}@media (min-width: 1024px){html{font-size:18px}}@media (hover: none) and (pointer: coarse){button,a,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.file-drop-zone{min-height:180px;padding:var(--space-lg)}.hint-desktop{display:none}.hint-mobile{display:inline}.drop-zone-icon{width:40px;height:40px}}.theme-selector-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-base);padding:var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-selector-modal{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;animation:slideUp var(--transition-base);border:1px solid var(--color-border)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.theme-selector-header h3{margin:0;font-size:var(--font-size-xl)}.theme-selector-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.theme-selector-close:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.theme-options{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.theme-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.theme-option:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary);transform:translate(4px)}.theme-option.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.theme-option.active .theme-icon{transform:scale(1.1)}.theme-icon{font-size:2rem;line-height:1;transition:transform var(--transition-base)}.theme-info{flex:1;color:var(--color-text)}.theme-option.active .theme-info{color:#fff}.theme-name{font-weight:600;font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.theme-description{font-size:var(--font-size-sm);opacity:.8}.theme-checkmark{font-size:var(--font-size-xl);font-weight:700;color:#fff}.file-drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:var(--space-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base);outline:none}.file-drop-zone:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.file-drop-zone:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.file-drop-zone.dragging{border-color:var(--color-primary);background:var(--color-primary);opacity:.1}.drop-zone-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;pointer-events:none}.drop-zone-icon{width:48px;height:48px;color:var(--color-text-secondary);transition:color var(--transition-base)}.file-drop-zone:hover .drop-zone-icon{color:var(--color-primary)}.drop-zone-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.drop-zone-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;max-width:300px}.drop-zone-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-sm)}.hint-mobile{display:none}.drop-zone-limit{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.drop-zone-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:600;border-radius:var(--radius-lg);pointer-events:none;opacity:.95}@media (max-width: 768px){.comparison-side-by-side,.comparison-headers{grid-template-columns:1fr!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}