:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#2c2e3b;color:#fff;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start}.app{width:100%;max-width:1200px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0 auto}header{background-color:#1d1e2a;padding:1rem;text-align:center;box-shadow:0 2px 10px #0000004d;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}h1{margin:0;font-size:2rem}.install-button{background-color:#4caf50;padding:.5rem 1rem;font-size:.9rem;margin:0}.install-button:hover{background-color:#45a049}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;overflow-y:auto;width:100%;max-width:100%}.info{background-color:#3c3f53;padding:1.5rem;border-radius:10px;width:100%;max-width:800px;box-shadow:0 5px 15px #0003;margin:0 auto 1rem}h2{margin-top:0}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:30px;height:30px;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-info h2{margin-bottom:1rem}.district-name{font-size:1.5rem;font-weight:700;color:#4e87ff;margin:.5rem 0}.address,.coordinates{margin:.5rem 0}.error-container{width:100%;max-width:600px;margin-bottom:1rem}.map-container{width:100%;margin-top:2rem;margin-bottom:1rem}.map-container>div{border-radius:10px!important}.error{background-color:#ff4e4e;color:#fff;padding:1rem;border-radius:5px}button{background-color:#4e87ff;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:1rem}button:hover{background-color:#3a6fd6}@media (min-width: 769px){main{padding:3rem 2rem}}@media (max-width: 768px){h1{font-size:1.5rem}header{padding:.75rem}main{padding:1rem}.info{padding:1rem;border-radius:8px}.district-name{font-size:1.25rem}.address,.coordinates{font-size:.9rem}button{width:100%;padding:1rem}}@media (max-width: 480px){h1{font-size:1.25rem}main{padding:.75rem}.info{padding:.75rem}.location-info h2,.district-name{font-size:1.1rem}.address,.coordinates{font-size:.875rem}}