.tabs-container{margin-bottom:var(--spacing-lg)}.tab-list{display:flex;border-bottom:2px solid var(--color-border-secondary);margin-bottom:var(--spacing-md)}.tab-button{background:none;border:none;padding:12px 24px;font-size:1rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;position:relative}.tab-button:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.tab-button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background-color:var(--color-accent-bg)}@media (max-width: 480px){.tabs-container,.tab-list,.keyboard-heatmap .tabs-container,.keyboard-heatmap .tab-list{margin-bottom:2px}}.keyboard-heatmap .tabs-container{margin-bottom:var(--spacing-xs)}.keyboard-heatmap .tab-list{margin-bottom:2px}[data-theme=dark] .tab-button{color:var(--color-text-secondary)}[data-theme=dark] .tab-button:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}[data-theme=dark] .tab-button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background-color:var(--color-accent-bg)}[data-theme=dark] .tab-list{border-bottom-color:var(--color-border-secondary)}.ant-table .monospace-cell{font-family:var(--font-mono);font-size:var(--font-size-sm)}[data-theme=dark] .ant-table-thead>tr>th{background-color:var(--color-bg-tertiary)}.ant-pagination{font-size:var(--font-size-sm)}@media (max-width: 768px){.ant-table{font-size:var(--font-size-sm)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #007acc;--color-primary-hover: #005a9e;--color-primary-light: #e6f3ff;--color-secondary: #6b7280;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-card: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .05);--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-tertiary: #adb5bd;--color-text-inverse: #ffffff;--color-border-primary: #dee2e6;--color-border-secondary: #e9ecef;--color-border-focus: #007acc;--heatmap-bg: #f8f9fa;--heatmap-key-bg: #ffffff;--heatmap-key-border: #dee2e6;--heatmap-key-text: #495057;--heatmap-key-active: #007acc;--heatmap-low: #e3f2fd;--heatmap-medium: #90caf9;--heatmap-high: #42a5f5;--heatmap-very-high: #1976d2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--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;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--font-numeric: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-primary-light: #1e3a5f;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #404040;--color-bg-card: #2d2d2d;--color-bg-overlay: rgba(255, 255, 255, .05);--color-text-primary: #f8f9fa;--color-text-secondary: #adb5bd;--color-text-tertiary: #6c757d;--color-text-inverse: #212529;--color-border-primary: #404040;--color-border-secondary: #2d2d2d;--color-border-focus: #0ea5e9;--heatmap-bg: #1a1a1a;--heatmap-key-bg: #2d2d2d;--heatmap-key-border: #404040;--heatmap-key-text: #f8f9fa;--heatmap-key-active: #0ea5e9;--heatmap-low: #0f172a;--heatmap-medium: #1e293b;--heatmap-high: #334155;--heatmap-very-high: #0ea5e9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2)}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);border:1px solid var(--color-border-primary);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-focus)}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #007acc1a}.theme-toggle{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card)}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-lg)}.theme-toggle{top:var(--spacing-sm);right:var(--spacing-sm)}}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.card{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-primary);padding:var(--spacing-xl);transition:all .2s ease-in-out}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.info-section{background:#f8fafc;border-radius:8px;padding:16px;font-size:.9rem;border:1px solid #e5e7eb}.info-section strong{color:#495057}.info-section p{margin:0 0 12px;color:#6c757d;font-size:.875rem;line-height:1.6}.info-section ul{margin:8px 0 0 20px;color:#6c757d;font-size:.875rem}.info-section li{margin-bottom:4px;line-height:1.4;color:#6c757d}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric-value,.metric-cell{font-variant-numeric:proportional-nums}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-lg)}}@media (forced-colors: active){*{forced-color-adjust:auto}.primary-btn,.secondary-btn,.tab-button,button{forced-color-adjust:none;border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.primary-btn:hover,.secondary-btn:hover,.tab-button:hover,button:hover{background:Highlight;color:HighlightText}.card,.comparison-table,.scheme-item{border:1px solid CanvasText}}[data-theme=dark] table{background:var(--color-bg-primary);border-color:var(--color-border-primary)}[data-theme=dark] thead{background:var(--color-bg-tertiary)}[data-theme=dark] th{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-color:var(--color-border-primary)}[data-theme=dark] td{color:var(--color-text-primary);border-bottom-color:var(--color-border-secondary)}[data-theme=dark] tbody tr:hover{background:var(--color-bg-tertiary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #0ea5e91a}[data-theme=dark] button:not(.btn){background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}[data-theme=dark] button:not(.btn):hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}[data-theme=dark] .card{background:var(--color-bg-card);border-color:var(--color-border-primary)}[data-theme=dark] .info-section,[data-theme=dark] .scheme-name-annotation{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}[data-theme=dark] .info-section p,[data-theme=dark] .info-section ul,[data-theme=dark] .info-section li{color:var(--color-text-secondary)}[data-theme=dark] .info-section strong{color:var(--color-text-primary)}