*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#faf9f7;color:#374151;line-height:1.4}.container,body{min-height:100vh;overflow-x:hidden}.container{display:flex;flex-direction:column;padding:16px;gap:16px;max-width:100vw}.header{text-align:center;background:hsla(0,0%,100%,.6);padding:12px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;letter-spacing:-.025em}.main-content{flex:1 1;display:grid;grid-template-columns:1fr 320px;grid-gap:20px;gap:20px;min-height:0;height:calc(100vh - 120px);max-width:100%}.map-section{min-height:500px;height:100%}.controls-section,.map-section{background:hsla(0,0%,100%,.4);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.controls-section{gap:16px}.map-container{flex:1 1;position:relative;min-height:0;border-radius:6px;overflow:hidden;width:100%;height:100%}.map-container svg{width:100%;height:100%;display:block}.state{stroke:#fff;stroke-width:1;cursor:pointer;transition:all .2s ease}.state:hover{stroke:#374151;stroke-width:1.5;filter:brightness(.95)}.legend{position:absolute;bottom:12px;left:12px;background:hsla(0,0%,100%,.9);padding:8px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.75rem}.legend-title{font-weight:600;margin-bottom:6px;color:#1f2937}.legend-item{display:flex;align-items:center;margin-bottom:3px;color:#6b7280}.legend-color{width:14px;height:10px;margin-right:6px;border-radius:2px}.stats-overview{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.stat-item{background:hsla(0,0%,100%,.6);padding:12px;border-radius:6px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:2px}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500}.controls{flex:1 1;gap:16px}.control-group,.controls{display:flex;flex-direction:column}.control-group{gap:6px}.control-group label{font-weight:500;font-size:.8rem;color:#374151}.control-group select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;background:hsla(0,0%,100%,.8);color:#374151;transition:border-color .2s ease}.control-group select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.1)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:#e5e7eb;border-radius:2px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#7c3aed;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#7c3aed;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.range-value{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:4px}.summary-stats{background:hsla(0,0%,100%,.6);border-radius:6px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-title{font-size:.9rem;font-weight:600;margin-bottom:12px;color:#1f2937;text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.summary-item{text-align:center;padding:8px;background:hsla(0,0%,100%,.5);border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.summary-number{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:2px}.summary-label{font-size:.7rem;color:#6b7280;font-weight:500}.info-section{background:rgba(248,250,252,.8);border-radius:6px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}.info-section h4{margin-bottom:6px;color:#374151;font-size:.8rem;font-weight:600}.info-section p{line-height:1.4;margin-bottom:8px}.data-source,.info-section p{font-size:.7rem;color:#6b7280}.data-source{margin-top:6px;line-height:1.3}.data-source a{color:#7c3aed;text-decoration:none;font-weight:500}.data-source a:hover{text-decoration:underline;color:#5b21b6}.tooltip{position:absolute;background:#1f2937;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1000;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.loading{font-size:1.2rem;color:#6b7280}.error,.loading{display:flex;justify-content:center;align-items:center;height:100%}.error{font-size:1rem;color:#dc2626;background:hsla(0,93%,94%,.8);border-radius:6px;padding:16px;text-align:center}@media (min-width:1025px){.container,body{overflow:hidden}.container{height:100vh}.main-content{height:calc(100vh - 120px)}.main-content,.map-section{overflow:hidden}.controls-section{overflow-y:auto;max-height:100%}}@media (max-width:1024px) and (min-width:769px){body{overflow-x:hidden;overflow-y:auto}.container{min-height:100vh;height:auto;overflow:visible}.main-content{grid-template-columns:1fr;grid-template-rows:60vh auto;height:auto;gap:16px}.map-section{min-height:60vh;height:60vh}.controls-section{flex-direction:row;gap:12px;flex-wrap:wrap}.controls{flex-direction:row;flex:1 1;gap:20px}.stats-overview{grid-template-columns:repeat(4,1fr);margin-bottom:16px}}@media (max-width:768px){body{overflow-x:hidden;overflow-y:auto}.container{min-height:100vh;height:auto;padding:12px;gap:12px;overflow:visible}.header h1{font-size:1.25rem}.main-content{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:16px}.map-section{min-height:50vh;height:50vh;margin-bottom:16px}.controls,.controls-section{flex-direction:column;gap:16px}.stats-overview{grid-template-columns:repeat(2,1fr);gap:8px}.stat-item{padding:8px}.stat-number{font-size:1.25rem}.control-group{margin-bottom:12px}.summary-stats{margin-top:16px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:6px}.info-section{margin-top:16px}.info-section p{font-size:.8rem;line-height:1.5}}@media (max-width:480px){.container{padding:8px;gap:8px}.header h1{font-size:1.1rem}.map-section{min-height:40vh;height:40vh;padding:12px}.stats-overview{grid-template-columns:1fr;gap:6px}.stat-item{padding:6px}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}.summary-grid{grid-template-columns:1fr;gap:4px}.legend{font-size:.65rem;padding:6px}.legend-color{width:12px;height:8px}}