.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.App h1{color:#2c3e50;font-size:2rem;margin-bottom:2rem;text-align:center}.visualization-container{margin:0 auto;overflow:hidden}.visualization-svg{margin:0 auto}@media (max-width:768px){.App{padding:10px}.App h1{font-size:1.5rem;margin-bottom:1rem}.visualization-container{padding:10px}}@media (max-width:480px){.App h1{font-size:1.2rem}.city-label{font-size:10px!important}}.controls{margin-bottom:20px}@media (max-width:768px){.controls{flex-direction:column;gap:10px}.column-label,.row-label{font-size:10px}}.main-content{min-height:calc(100vh - 300px);padding:2rem 0}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.header-nav{flex-wrap:wrap;justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.back-to-top{bottom:15px;font-size:18px;height:35px;right:15px;width:35px}}.main-content h1{color:#2c3e50;font-size:2rem;margin-bottom:2rem;text-align:center}.app-header{background:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content h1{color:#fff;font-size:1.5rem;margin:0}.header-nav{display:flex;gap:20px}.header-nav a{border-radius:4px;color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .2s}.header-nav a:hover{background-color:#ffffff1a}.app-footer{background:#2c3e50;color:#fff;margin-top:2rem;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.footer-section h3{color:#3498db;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#3498db}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;margin:2rem auto 0;max-width:1200px;padding:1rem 20px}.back-to-top,.footer-bottom{align-items:center;display:flex}.back-to-top{background:#3498db;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;font-size:20px;height:40px;justify-content:center;position:fixed;right:20px;transition:all .2s;width:40px;z-index:1000}.back-to-top:hover{background:#2980b9;transform:translateY(-2px)}.controls{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto 2rem;max-width:600px;width:100%}.view-toggle{display:flex;gap:10px}.toggle-btn{background:#fff;border:2px solid #3498db;border-radius:4px;color:#3498db;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.toggle-btn.active,.toggle-btn:hover{background:#3498db;color:#fff}.dataset-selector{margin:20px 0}.dataset-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;padding:8px 16px}.dataset-dropdown:hover{border-color:#888}.visualization-svg{background:#fff;border-radius:8px;box-sizing:border-box;cursor:grab;display:block;height:100%;margin:0;max-width:100%}.row{transform-origin:left center}.cell{stroke:#fff;stroke-width:1px;cursor:pointer;transition:stroke-width .2s}.cell:hover{stroke:#2c3e50;stroke-width:2px;z-index:2}.cell:hover+.cell-detail-text{opacity:1!important;z-index:3}.column-label{text-anchor:start}.row-label{text-anchor:end;dominant-baseline:middle}.tooltip{background:#000c;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;pointer-events:none;position:absolute;z-index:100}.cell-text{fill:#fff;font-weight:500;pointer-events:none;text-shadow:0 1px 2px #00000080;transition:opacity .2s}.matrix-group{transition:transform .1s}.column-label,.row-label{fill:#2c3e50;font-size:12px;font-weight:500;pointer-events:none}.visualization-svg:active{cursor:grabbing}.matrix-container{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.cell-detail-text{fill:#fff;font-weight:500;pointer-events:none;text-shadow:0 1px 2px #00000080;transition:opacity .2s;white-space:pre}.legend-label{fill:#2c3e50;font-size:12px;font-weight:500}.voronoi-cell{stroke:#ffffff4d;stroke-width:1px;transition:opacity .2s}.voronoi-cell:hover{opacity:.5}.points{position:relative;z-index:2}.city-point{fill:#fff;stroke:#2c3e50;stroke-width:2px;cursor:pointer;transition:r .2s ease-in-out;z-index:3}.city-point:hover{r:8}.city-label{font-weight:500;pointer-events:none;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;z-index:3}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;position:relative;width:90%}.modal-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-info{text-align:center}.modal-cities{color:#2c3e50;font-size:1.5rem;margin:1rem 0}.modal-cities span{font-weight:700}.modal-distance{color:#3498db;font-size:2.5rem;font-weight:700;margin:1.5rem 0}.modal-details{border-top:1px solid #eee;color:#666;font-size:.9rem;margin-top:2rem;padding-top:1rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;flex-direction:column;max-width:none;padding:2rem;width:100%}.main-content,.visualization-container{align-items:center;box-sizing:border-box;display:flex}.visualization-container{aspect-ratio:1;background:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #0000001a;justify-content:center;margin:0 2rem;max-height:calc(100vh - 300px);max-width:calc(100vh - 300px);padding:20px;width:calc(100% - 4rem)}@media (max-width:768px){.visualization-container{margin:0 1rem;max-height:none;max-width:none;width:calc(100% - 2rem)}.main-content{padding:1rem}}
/*# sourceMappingURL=main.6fd8b797.css.map*/