*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .95);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #38bdf8;--accent-hover: #7dd3fc;--border: rgba(148, 163, 184, .15);--radius: 10px;--transition: .2s ease;--poverty-0: #f0fdf4;--poverty-1: #bbf7d0;--poverty-2: #fde68a;--poverty-3: #fb923c;--poverty-4: #ef4444;--poverty-5: #991b1b;--no-data: #334155}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#header{padding:16px 24px 8px;text-align:center;flex-shrink:0;z-index:10}.header-content h1{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px;font-weight:400}.subtitle strong{color:var(--accent);font-weight:600}#current-year{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem}#map-container{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#map{width:100%;height:100%}#map .country{stroke:var(--bg-primary);stroke-width:.4px;cursor:pointer;transition:fill .6s ease}#map .country:hover{stroke:var(--accent);stroke-width:1.2px;filter:brightness(1.15)}#map .country.no-data{fill:var(--no-data)}#map .graticule{fill:none;stroke:#94a3b80f;stroke-width:.5px}#map .sphere{fill:#0f172a00;stroke:var(--border);stroke-width:.5px}.tooltip{position:absolute;pointer-events:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:100;min-width:160px}.tooltip.visible{opacity:1;transform:translateY(0)}.tooltip-country{font-weight:600;font-size:.85rem;color:var(--text-primary);margin-bottom:4px}.tooltip-rate{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.tooltip-rate.high{color:#fb923c}.tooltip-rate.critical{color:#ef4444}.tooltip-year{font-size:.72rem;color:var(--text-muted);margin-top:2px}.tooltip-note{font-size:.68rem;color:var(--text-muted);font-style:italic;margin-top:2px}#legend-container{position:absolute;bottom:140px;left:24px;z-index:20;pointer-events:none}#legend{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.legend-title{font-size:.68rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.legend-bar{width:200px;height:10px;border-radius:5px;background:linear-gradient(to right,var(--poverty-0),var(--poverty-1),var(--poverty-2),var(--poverty-3),var(--poverty-4),var(--poverty-5))}.legend-labels{display:flex;justify-content:space-between;font-size:.62rem;color:var(--text-muted);margin-top:4px;font-variant-numeric:tabular-nums}.legend-no-data{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.62rem;color:var(--text-muted)}.legend-no-data-swatch{width:12px;height:12px;border-radius:3px;background:var(--no-data)}#controls{flex-shrink:0;padding:16px 24px 20px;background:linear-gradient(to top,var(--bg-primary),rgba(15,23,42,.95));z-index:10}.controls-inner{display:flex;align-items:center;gap:16px;max-width:700px;margin:0 auto}.control-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.control-btn:hover{background:var(--accent);color:var(--bg-primary)}.control-btn:active{transform:scale(.92)}.slider-container{flex:1;min-width:0}#year-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;cursor:pointer}#year-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}#year-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 3px var(--accent-hover)}#year-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent);cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;padding:4px 2px 0;font-size:.62rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.source-info{text-align:center;font-size:.62rem;color:var(--text-muted);margin-top:10px}.source-info a{color:var(--text-secondary);text-decoration:underline;text-decoration-color:#94a3b84d;text-underline-offset:2px;transition:color var(--transition)}.source-info a:hover{color:var(--accent)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .4s ease}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:36px;height:36px;border:3px solid var(--bg-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:16px;font-size:.8rem;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){#header{padding:12px 16px 6px}.header-content h1{font-size:1.1rem}.subtitle{font-size:.72rem}#legend-container{bottom:120px;left:12px}.legend-bar{width:140px}#controls{padding:12px 16px 16px}.controls-inner{gap:12px}.control-btn{width:38px;height:38px}.slider-ticks{font-size:.56rem}}@media(max-width:480px){.header-content h1{font-size:.95rem}#legend-container{bottom:110px;left:8px}#legend{padding:8px 10px}.legend-bar{width:110px;height:8px}.slider-ticks span:nth-child(2),.slider-ticks span:nth-child(4){visibility:hidden}}@media(prefers-reduced-motion:reduce){#map .country,.tooltip{transition:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}