*,*:before,*:after{box-sizing:border-box}body,h1,h2{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f5f6fa}.app-header{background:#0f0e23;color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem}.header-brand{display:flex;align-items:center;gap:.75rem}.brand-mark{flex-shrink:0}.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:#fff}.brand-sep{display:block;width:1px;height:1rem;background:#fff3}.brand-subtitle{font-size:.875rem;color:#ffffff8c;font-weight:400}.header-count{font-size:.78rem;color:#ffffff73;background:#ffffff12;padding:.3rem .8rem;border-radius:100px}.app-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e8e9f0;box-shadow:0 2px 8px #0000000f;flex-shrink:0;position:relative;z-index:1}.app-controls #searchbox{grid-column:2;width:clamp(320px,40vw,680px)}.app-controls #sort-by{grid-column:3;justify-self:end}.app-controls .ais-SearchBox,.app-controls .ais-SearchBox-form{margin:0}.app-body{flex:1;display:grid;grid-template-columns:1fr 360px;overflow:hidden;min-height:0}.map-panel{position:relative;border-right:1px solid #e8e9f0}#maps{position:absolute;inset:0}.hits-panel{background:#fff;overflow-y:auto}.ais-SearchBox-input{border-radius:10px;border:1.5px solid #d0d0e0;font-size:1rem;padding-top:.6rem;padding-bottom:.6rem;box-shadow:0 1px 4px #00000014;transition:border-color .15s,box-shadow .15s}.ais-SearchBox-input:focus{border-color:#6c47ff;outline:none;box-shadow:0 0 0 3px #6c47ff26,0 1px 4px #00000014}.ais-SortBy-select{border-radius:8px;border:1.5px solid #e2e2ea;font-size:.82rem;padding:.45rem 2rem .45rem .7rem;color:#3d3d4f;background-color:#fff;cursor:pointer;height:38px}.ais-SortBy-select:focus{border-color:#6c47ff;outline:none;box-shadow:0 0 0 3px #6c47ff1f}.ais-InfiniteHits-list{list-style:none;margin:0;padding:0;display:block}.ais-InfiniteHits-item{width:100%;padding:0;margin:0;box-shadow:none;border-radius:0}.ais-GeoSearch-redo,.ais-GeoSearch-reset{display:none}.ais-InfiniteHits-loadMore{display:block;width:calc(100% - 2rem);margin:.75rem 1rem;padding:.6rem;background:#fff;border:1.5px solid #6c47ff;border-radius:8px;color:#6c47ff;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.ais-InfiniteHits-loadMore:hover{background:#6c47ff;color:#fff}.ais-InfiniteHits-loadMore--disabled{display:none}.ais-Highlight-highlighted{background:#fff1b8;color:inherit;padding:0 2px;border-radius:2px;font-style:normal}.hit-card{padding:.875rem 1.25rem;border-bottom:1px solid #f0f0f6;transition:background .1s}.hit-card:hover{background:#f8f7ff}.hit-city-name{font-size:.925rem;font-weight:600;color:#1a1a2e;margin-bottom:.2rem;line-height:1.3}.hit-country{font-size:.8rem;color:#6b7280;margin-bottom:.45rem}.hit-population{display:inline-block;background:#f0edff;color:#6c47ff;padding:.15rem .55rem;border-radius:100px;font-size:.7rem;font-weight:600;letter-spacing:.01em}