:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #2980b9;--background-color: #ecf0f1;--card-background: #ffffff;--text-color: #34495e;--light-text-color: #ffffff;--border-color: #bdc3c7;--shadow-color: rgba(0, 0, 0, .08);--positive-impact: #27ae60;--negative-impact: #c0392b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:2rem}.app-header{background:var(--primary-color);color:var(--light-text-color);padding:2rem 2.5rem;border-radius:16px;text-align:center;margin-bottom:2.5rem;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.5rem}.app-header h1{font-size:2.8rem;font-weight:700;letter-spacing:-1px}.app-header p{font-size:1.2rem;opacity:.85;max-width:600px}.dataset-download{margin-top:1rem}.download-link{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--secondary-color);color:var(--light-text-color);text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0003}.download-link:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;text-decoration:none;color:var(--light-text-color)}.card{background-color:var(--card-background);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px var(--shadow-color);transition:box-shadow .3s ease,transform .3s ease;border:1px solid #e0e4e8}.card:hover{transform:translateY(-5px);box-shadow:0 12px 16px var(--shadow-color)}.controls-section h2,.chart-section h2,.interpretation-section h2,.data-section h2{font-size:1.75rem;margin-bottom:1.5rem;color:var(--primary-color);font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}select{width:100%;padding:.85rem 1rem;font-size:1.1rem;border:1px solid var(--border-color);border-radius:8px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233498db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db40}.placeholder{text-align:center;padding:4rem;font-size:1.2rem;color:#7f8c8d;border:2px dashed var(--border-color)}.chart-container{position:relative;height:650px}.interpretation-section ul{list-style-type:none;padding-left:0;margin:1.5rem 0}.interpretation-section ul li{padding-left:1.5rem;position:relative;margin-bottom:1rem}.interpretation-section ul li:before{content:"▶";position:absolute;left:0;color:var(--secondary-color);font-size:.8em;top:6px}.interpretation-section strong{font-weight:600;color:var(--primary-color)}.interpretation-example{background-color:#f8f9fa;border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin-top:1.5rem;border-radius:0 8px 8px 0}.interpretation-example p{margin-bottom:.5rem}.interpretation-example strong{font-weight:600}.metrics{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:#f9fafb;display:flex;justify-content:space-around;gap:1.5rem;font-size:1rem;text-align:center}.metrics strong{color:var(--primary-color);display:block;margin-bottom:.25rem}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table thead th{background-color:var(--background-color);font-weight:600;color:var(--primary-color);position:sticky;top:0;z-index:1}.data-table tbody tr:nth-child(2n){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.app-footer{text-align:center;margin-top:2.5rem;padding:1.5rem;color:#95a5a6;font-size:.9rem}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.mode-toggle{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:.75rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:relative;display:inline-block;width:60px;height:34px;background-color:#ccc;border-radius:34px;transition:background-color .3s ease}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--secondary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{font-weight:600;color:var(--primary-color);font-size:1rem}.country-selectors{display:grid;gap:1.5rem;grid-template-columns:1fr}.country-selectors.comparison-mode{grid-template-columns:1fr 1fr}.country-selector{display:flex;flex-direction:column;gap:.5rem}.country-selector label{font-weight:600;color:var(--primary-color);font-size:1rem}.country-count{font-size:.9em;color:#666;margin-top:1rem;text-align:center}.charts-comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.comparison-chart{height:500px}.shap-values-section,.shap-comparison-section{background:linear-gradient(135deg,#f8f9fa,#fff)}.shap-comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.shap-values-table h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--secondary-color);font-weight:600}.shap-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #e9ecef}.shap-table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}.shap-table thead th{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;font-weight:600;padding:1rem .75rem;text-align:left;font-size:.9rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}.shap-table tbody tr{transition:background-color .2s ease,transform .1s ease}.shap-table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.01)}.shap-table tbody tr:nth-child(2n){background-color:#fafbfc}.shap-table td{padding:.75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.shap-value{font-weight:600;font-family:Courier New,monospace;font-size:.9rem}.positive-impact-row .shap-value{color:var(--positive-impact)}.negative-impact-row .shap-value{color:var(--negative-impact)}.impact-indicator{font-weight:600;font-size:.85rem;padding:.25rem .5rem;border-radius:16px;text-align:center;white-space:nowrap}.impact-indicator.positive{background-color:#27ae601a;color:var(--positive-impact);border:1px solid rgba(39,174,96,.3)}.impact-indicator.negative{background-color:#c0392b1a;color:var(--negative-impact);border:1px solid rgba(192,57,43,.3)}.comparison-interpretations{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);transition:left .5s ease}.card:hover:before{left:100%}@media (max-width: 1024px){.charts-comparison-container,.shap-comparison-container,.comparison-interpretations{grid-template-columns:1fr;gap:1.5rem}.country-selectors.comparison-mode{grid-template-columns:1fr}.controls-header{flex-direction:column;align-items:stretch;text-align:center}.comparison-chart{height:400px}}.tab-navigation{display:flex;gap:.25rem;margin-bottom:2rem;background:var(--card-background);padding:.5rem;border-radius:12px;box-shadow:0 2px 4px var(--shadow-color);border:1px solid #e0e4e8}.tab-button{flex:1;padding:1rem 2rem;border:none;background:transparent;color:var(--text-color);font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;font-family:var(--font-sans)}.tab-button:hover{background-color:#f8f9fa;color:var(--primary-color)}.tab-button.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:var(--light-text-color);box-shadow:0 4px 8px #2c3e504d}.tab-button.active:before{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--primary-color)}.heatmap-section{background:linear-gradient(135deg,#f8f9fa,#fff)}.heatmap-header{margin-bottom:2rem;text-align:center}.heatmap-header h2{font-size:1.75rem;margin-bottom:1rem;color:var(--primary-color);font-weight:600}.heatmap-header p{color:#666;margin-bottom:1.5rem;font-size:1rem;max-width:600px;margin-left:auto;margin-right:auto}.color-legend{display:flex;justify-content:center;margin-bottom:1rem}.legend-gradient{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gradient-bar{width:300px;height:20px;border-radius:10px;border:1px solid #ccc;background:linear-gradient(to right,#4a90e2,#87ceeb 30%,#ffa07a 70%,#dc143c);box-shadow:0 2px 4px #0000001a}.gradient-labels{display:flex;justify-content:space-between;width:300px;font-size:.85rem;color:var(--text-color);text-align:center}.heatmap-container{position:relative;overflow:auto;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #e9ecef;background:#fff;max-height:80vh;margin:0 auto;width:fit-content;max-width:100%}.heatmap-table{display:flex;flex-direction:column;min-width:fit-content;margin:0 auto}.heatmap-header-row{display:flex;position:sticky;top:0;z-index:10;background:#fff;border-bottom:2px solid var(--border-color)}.corner-cell{width:280px;min-width:280px;max-width:280px;height:48px;background:linear-gradient(135deg,var(--background-color) 0%,#ffffff 100%);border-right:2px solid var(--border-color)}.feature-header{width:32px;min-width:32px;max-width:32px;padding:8px 4px;font-size:.75rem;font-weight:600;color:var(--primary-color);background:linear-gradient(135deg,var(--background-color) 0%,#ffffff 100%);border-right:1px solid #e9ecef;transition:all .2s ease;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-header:hover{background:var(--secondary-color);color:#fff}.heatmap-data-row{display:flex;border-bottom:1px solid #e9ecef}.country-header{width:280px;min-width:280px;max-width:280px;height:48px;padding:12px 16px;font-size:.85rem;font-weight:600;color:var(--primary-color);background:linear-gradient(135deg,var(--background-color) 0%,#ffffff 100%);border-right:2px solid var(--border-color);transition:all .2s ease;display:flex;align-items:center;position:sticky;left:0;z-index:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.country-header:hover{background:var(--secondary-color);color:#fff}.heatmap-cell{width:32px;min-width:32px;max-width:32px;height:48px;transition:all .15s ease;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);position:relative}.heatmap-cell:hover{outline:3px solid black;z-index:8;transform:scale(1.05);box-shadow:0 4px 12px #0003}.heatmap-tooltip{position:fixed;padding:.75rem;border-radius:8px;font-size:.85rem;box-shadow:0 4px 12px #0000004d;z-index:1000;pointer-events:none;max-width:200px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:background-color .2s ease,color .2s ease}.tooltip-country{font-weight:700;margin-bottom:.25rem}.tooltip-feature{font-size:.8rem;margin-bottom:.25rem}.tooltip-value{font-weight:600}@media (max-width: 768px){.container{padding:1rem}.card,.app-header{padding:1.5rem}.app-header h1{font-size:2.2rem}.shap-table{font-size:.85rem}.shap-table thead th,.shap-table td{padding:.5rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.corner-cell{width:220px;min-width:220px;max-width:220px;height:42px}.country-header{width:220px;min-width:220px;max-width:220px;height:42px;font-size:.8rem;padding:8px 12px}.feature-header{width:28px;min-width:28px;max-width:28px;font-size:.7rem;padding:6px 2px}.heatmap-cell{width:28px;min-width:28px;max-width:28px;height:42px}.gradient-bar{width:250px;height:16px}.gradient-labels{width:250px;font-size:.8rem}.heatmap-tooltip{font-size:.8rem;padding:.5rem}.heatmap-container{max-height:70vh}}.network-section{background:linear-gradient(135deg,#f8f9fa,#fff)}.network-header{margin-bottom:2rem;text-align:center}.network-header h2{font-size:1.75rem;margin-bottom:1rem;color:var(--primary-color);font-weight:600}.network-header p{color:#666;margin-bottom:1rem;font-size:1rem;max-width:700px;margin-left:auto;margin-right:auto}.methodology-note{background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px;padding:1rem;margin-top:1rem;max-width:800px;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.5;color:var(--primary-color)}.network-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fffc;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.network-control-group{display:flex;flex-direction:column;gap:.75rem}.network-control-group label{font-weight:600;color:var(--primary-color);font-size:1rem}.network-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:8px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233498db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-family:var(--font-sans)}.network-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3498db40}.threshold-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#e74c3c,#f39c12,#27ae60);outline:none;cursor:pointer;transition:opacity .2s}.threshold-slider:hover{opacity:.8}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:all .2s ease}.threshold-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.threshold-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:all .2s ease}.threshold-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#666;margin-top:.5rem}.network-mode-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.network-mode-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary-color);cursor:pointer}.toggle-text{color:var(--primary-color)}.control-description{margin-top:.5rem;font-size:.85rem;color:#666;line-height:1.4}.network-legend{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fffffff2;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.legend-section h4{margin-bottom:1rem;color:var(--primary-color);font-weight:600;font-size:1.1rem;border-bottom:2px solid var(--secondary-color);padding-bottom:.5rem}.legend-items{display:flex;flex-direction:column;gap:.75rem}.interaction-items{display:flex;flex-direction:column;gap:.5rem}.interaction-item{font-size:.9rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.network-legend{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:#ffffffe6;border-radius:8px;border:1px solid #e9ecef;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-color)}.legend-color-selected{width:16px;height:16px;border-radius:50%;background-color:#ff6b6b;border:2px solid #ff0000}.legend-color-gradient{width:40px;height:16px;border-radius:8px;background:linear-gradient(to right,#4a90e2,#dc143c);border:1px solid #ccc}.legend-line{width:30px;height:3px;background-color:#999;border-radius:2px}.legend-line-solid{width:30px;height:3px;background-color:#666;border-radius:2px}.legend-line-dashed{width:30px;height:3px;border:1.5px dashed #999;border-radius:2px}.network-visualization{display:flex;justify-content:center;margin-bottom:2rem;padding:1rem;background:#ffffffe6;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;overflow:auto}.network-visualization svg{border:1px solid #e9ecef;border-radius:8px;background:#fafbfc}.network-stats{display:flex;justify-content:center;gap:2rem;padding:1rem;background:#2c3e500d;border-radius:8px;border:1px solid #e9ecef;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;min-width:120px}.stat-item strong{font-size:.9rem;color:var(--primary-color);font-weight:600}.stat-item span{font-size:1.1rem;color:var(--text-color);font-weight:500}.network-tooltip{position:fixed;padding:.75rem;border-radius:8px;font-size:.85rem;box-shadow:0 4px 12px #0000004d;z-index:1000;pointer-events:none;max-width:200px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:opacity .2s ease}@media (max-width: 1024px){.network-controls,.network-legend{grid-template-columns:1fr;gap:1.5rem}.legend-items{flex-direction:row;flex-wrap:wrap;gap:1rem}.interaction-items{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.network-stats{flex-direction:column;align-items:center;gap:1rem}}@media (max-width: 768px){.network-visualization svg{width:100%;max-width:100%;height:auto}.network-legend{gap:1rem;grid-template-columns:1fr}.legend-items{gap:.5rem}.interaction-items{grid-template-columns:1fr;gap:.5rem}.legend-item,.interaction-item{font-size:.8rem}.network-controls{padding:1rem}.network-control-group label{font-size:.9rem}.network-select{font-size:.9rem;padding:.6rem .8rem}.control-description{font-size:.8rem}}