@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}.App{min-height:100vh;background-color:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:20px}.container{max-width:1200px;margin:0 auto}.title{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 2rem;letter-spacing:-.5px}.loading,.error{text-align:center;padding:3rem;font-size:1.125rem;color:#666}.error{color:#dc3545}.average-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e9ecef}.average-label{font-size:.875rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.average-value{font-size:3.5rem;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:.25rem}.average-subtitle{font-size:.875rem;color:#6c757d}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e9ecef}.chart-card-wide{grid-column:1 / -1}.chart-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 1.5rem}.chart-container{position:relative;height:300px;display:flex;align-items:center;justify-content:center}.resolution-stats{display:flex;justify-content:center;gap:2rem;margin-top:1rem;font-size:.875rem;color:#6c757d}.resolution-stats span{font-weight:500}@media(max-width:768px){.App{padding:15px}.title{font-size:2rem}.average-value{font-size:2.5rem}.charts-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:1}.chart-container{height:250px}}