*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#1a1a2e;color:#eaeaea;min-height:100vh}.app{max-width:900px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;color:#e94560;margin-bottom:.5rem}.header p{color:#a0aec0;font-size:1rem}.search-form{margin-bottom:2rem}.input-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.city-input{flex:1;min-width:200px;padding:.75rem 1rem;font-size:1rem;border:2px solid #2d3748;border-radius:8px;background-color:#16213e;color:#eaeaea;outline:none;transition:border-color .2s}.city-input:focus{border-color:#e94560}.city-input::placeholder{color:#718096}.radius-input-wrapper{display:flex;align-items:center;background-color:#16213e;border:2px solid #2d3748;border-radius:8px;padding-right:.75rem}.radius-input{width:70px;padding:.75rem .5rem .75rem 1rem;font-size:1rem;border:none;background-color:transparent;color:#eaeaea;outline:none}.radius-input::-webkit-inner-spin-button,.radius-input::-webkit-outer-spin-button{opacity:1}.radius-unit{color:#718096;font-size:.9rem}.generate-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background-color:#e94560;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.generate-btn:hover:not(:disabled){background-color:#d63850}.generate-btn:active:not(:disabled){transform:scale(.98)}.generate-btn:disabled{background-color:#4a5568;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:48px;height:48px;border:4px solid #2d3748;border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#a0aec0}.error{background-color:#e945601a;border:1px solid #e94560;border-radius:8px;padding:1rem;text-align:center;color:#e94560}.result{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.map-info{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;color:#a0aec0;font-size:.9rem}.map-info .coords{font-family:Monaco,Menlo,monospace;color:#718096}.svg-container{width:100%;max-width:600px;background-color:#16213e;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #0000004d}.svg-container svg{width:100%;height:auto;display:block}.download-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:2px solid #e94560;border-radius:8px;background-color:transparent;color:#e94560;cursor:pointer;transition:background-color .2s,color .2s}.download-btn:hover{background-color:#e94560;color:#fff}@media (max-width: 600px){.app{padding:1rem}.header h1{font-size:1.5rem}.input-group{flex-direction:column}.city-input{min-width:100%}.radius-input-wrapper{align-self:stretch}.radius-input{flex:1}.generate-btn{width:100%}}