:root{--text:#59697e;--text-h:#111519;--text-light:#fff;--bg:#fff;--border:#b3d3fc;--code-bg:#fef0dd;--accent:#69a8f9;--accent-hover:#5e97e0;--accent-bg:#69a8f91a;--accent-border:#69a8f9e6;--darker-border:#7d93b0;--social-bg:#fef0dd80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg:#ccc}#social .button-icon{filter:invert()brightness(2)}}body{background-color:var(--accent-bg);margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;background-color:var(--bg);flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;padding:0 16px;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}ul{border:1px solid var(--border);border-radius:10px;height:200px;overflow:hidden auto}ul::-webkit-scrollbar{width:0;height:0}.typed-city-list{list-style-type:none}.typed-city-list li{cursor:pointer}.typed-city-list li:hover{background-color:var(--accent-bg)}.typed-count{color:var(--accent);margin:0 5px;font-weight:700;display:inline-block}.map-display{border:1px solid var(--darker-border);border-radius:10px;width:100%;height:385px;position:relative;overflow:hidden}.world-map{width:100%;height:100%}.world-map svg{width:100%;height:100%;display:block}.circles{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.circles svg{display:block}.circles circle{fill:#fb980d33;stroke:#fb980de6;stroke-width:.3px;transform-box:fill-box;transform-origin:50%;transition:all 50ms ease-in-out}.circles circle:hover{fill:#fb980d4d;cursor:pointer;transform:scale(1.5)}.circles text{fill:var(--text-h)}.admin{margin:0 4px;display:inline-block}#map{width:100%}.circle-size{justify-content:center;margin-bottom:8px;display:flex}.city-form{margin-bottom:8px}.error{color:var(--accent);margin:4px 0;font-size:13px}.city-input{border:1px solid var(--border);border-radius:8px;padding:4px 8px}.city-input:focus{border-color:var(--accent-border)}.btn{background-color:var(--accent);color:var(--text-light);border:none;border-radius:8px;margin-left:8px;padding:4px 16px}.btn:hover,.btn:focus{background-color:var(--accent-hover);cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover,.btn:disabled:focus{background-color:var(--accent)}[type=range]{appearance:none;background-color:#0000;outline:0;margin:0}[type=range]::-webkit-slider-runnable-track{background:var(--accent-bg);height:8px}[type=range i]::-webkit-slider-container{height:100%;overflow:hidden}[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--accent);border:1px solid #0000;border-image:linear-gradient(var(--accent), var(--accent)) 0 fill / 7 15 7 0 / 0px 0px 0 2000px;border-radius:50%;width:16px;height:16px;margin-top:-4px}[type=range]::-webkit-slider-thumb:hover{background-color:var(--accent-hover);border-image:linear-gradient(var(--accent-hover), var(--accent-hover)) 0 fill / 7 15 7 0 / 0px 0px 0 2000px}