*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff}@media(prefers-color-scheme:dark){:root{color:#ffffffde;background-color:#1a1a1a}}body{margin:0;min-height:100vh}#app{width:100%;padding:1rem}.viz-container{width:100%;max-width:100%}.viz-header{margin-bottom:1rem}.viz-header h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.viz-header p{font-size:.875rem;opacity:.7}.chart-container{width:100%;height:400px;position:relative}.stats-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(128,128,128,.2)}.stat-card{flex:1;min-width:120px;padding:.75rem;background:#8080801a;border-radius:8px}.stat-card .label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:1.25rem;font-weight:600}.stat-card .value.bot{color:#ef4444}.stat-card .value.browser{color:#22c55e}.error-message{padding:2rem;text-align:center;color:#ef4444}.loading{padding:2rem;text-align:center;opacity:.7}.legend{display:flex;gap:1.5rem;justify-content:center;margin-top:.5rem;font-size:.875rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.bot{background-color:#ef4444cc}.legend-color.browser{background-color:#22c55ecc}.country-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;margin-top:1rem;padding:.75rem;background:#8080800d;border-radius:8px}.country-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.country-legend-item .legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.country-legend-item .country-name{font-weight:500}.country-legend-item .country-count{opacity:.6;font-size:.75rem}