.map-page{background:var(--mist);color:var(--ink)}.map-page .map-main{width:min(1150px,100% - 80px);margin:0 auto;padding-bottom:25px}.map-intro{padding:8px 0 0}.map-intro h1{margin:0 0 17px}.map-intro>p{color:var(--quiet);font-size:11px;line-height:1.8}.map-universe{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);align-items:center;gap:42px;margin:20px 0 35px;display:grid}.map-aside{border-left:1px solid var(--line);min-width:0;padding:0 0 0 28px}.city-list-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.city-list-heading h2{margin:0;font-size:11px;font-weight:400}.city-list-heading>span{color:var(--quiet);font-size:9px}.city-search{border:1px solid var(--line);color:var(--quiet);background:#fff6;border-radius:9px;align-items:center;gap:8px;margin:14px 0 9px;padding:10px 12px;display:flex}.city-search input{background:0 0;border:0;outline:none;width:100%;font-size:11px}.city-search:focus-within{border-color:#72a79a;box-shadow:0 0 0 2px #72a79a20}.city-list{scrollbar-width:thin;scrollbar-color:#c6d3ca transparent;max-height:146px;padding-right:5px;overflow-y:auto}.city-list button{text-align:left;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:10px;display:flex}.city-list button:hover{background:#e8ede9}.city-list button[aria-pressed=true]{color:#315748;background:#e0e9e2}.city-list button i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.city-list button small{color:var(--quiet);flex-shrink:0;margin-left:auto;font-size:8px}.city-name{min-width:0}.city-name em{color:var(--quiet);margin-top:3px;font-size:8px;font-style:normal;line-height:1.5;display:block}.city-distribution{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.city-source{color:#7b8e80;font-size:9px}.city-distribution h3{font-family:var(--serif);letter-spacing:-.7px;margin:8px 0;font-size:40px;font-weight:400;line-height:1.1}.city-distribution>p{color:var(--quiet);margin:9px 0 17px;font-size:10px;line-height:1.6}.city-distribution>.city-region{margin:5px 0 12px}.city-moods{gap:10px;margin:0;padding:0;list-style:none;display:grid}.city-moods li{grid-template-columns:76px 1fr 32px;align-items:center;gap:12px;font-size:10px;display:grid}.city-moods b{text-align:right;color:#52685a;font-variant-numeric:tabular-nums;font-weight:400}.city-bar{background:#e2e8e3;border-radius:8px;height:4px;overflow:hidden}.city-bar i{opacity:.7;border-radius:8px;height:100%;display:block}.city-distribution>.city-stat-note{margin:16px 0 0;font-size:9px}.city-empty{color:var(--quiet);padding:20px 10px;font-size:11px}.map-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding:24px 0 0;display:flex}.map-feed-status{color:#6b8071;font-size:10px}.map-feed-status>span{margin-right:22px}.map-feed-status i{background:#749783;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.map-feed-status label{align-items:center;gap:7px;display:inline-flex}.map-feed-status input{accent-color:#64937b}.map-feed-status p{color:var(--quiet);max-width:355px;font-size:9px;line-height:1.7}.map-bottom .location-option{text-align:right;margin:0}.mood-globe{min-width:0}.globe-stage{aspect-ratio:1;touch-action:pan-y;cursor:grab;position:relative}.globe-stage:active{cursor:grabbing}.globe-stage canvas{width:100%;height:100%;display:block}.globe-point{cursor:pointer;visibility:hidden;will-change:transform;background:0 0;border:0;width:36px;height:36px;padding:0;position:absolute;top:0;left:0}.globe-point span{background:color-mix(in srgb, var(--point-color), #35665d 25%);width:6px;height:6px;box-shadow:0 0 7px 2px var(--point-color), 0 0 20px 4px color-mix(in srgb, var(--point-color), transparent 70%);border-radius:50%;display:block;position:absolute;top:15px;left:15px}.globe-point span:after{content:"";border:1px solid var(--point-color);animation:5.5s ease-out infinite map-ripple;animation-delay:var(--point-delay);border-radius:50%;position:absolute;inset:-10px}.globe-point.demo span{animation:14s ease-in-out infinite map-glimmer;animation-delay:var(--point-delay)}.globe-point.selected span,.globe-point:hover span{box-shadow:0 0 15px 5px var(--point-color);background:#fff;animation:none}.globe-point:focus-visible{outline-offset:0;border-radius:50%;outline:1px solid #458e89}.globe-still .globe-point span,.globe-still .globe-point span:after{animation:none}.globe-controls{color:#798a80;letter-spacing:.3px;justify-content:center;align-items:center;gap:16px;margin-top:-28px;font-size:9px;display:flex}.globe-controls button{color:inherit;place-items:center;padding:8px;display:grid}.globe-controls i{background:#9ab29530;width:1px;height:14px}@keyframes map-ripple{0%{opacity:.7;transform:scale(.2)}75%,to{opacity:0;transform:scale(1.6)}}@keyframes map-glimmer{0%,to{opacity:.2;transform:scale(.65)}20%,55%{opacity:1;transform:scale(1)}}@media (max-width:800px){.map-page .map-main{width:calc(100% - 44px)}.map-universe{grid-template-columns:1fr;gap:28px;margin-top:0}.mood-globe{justify-self:center;width:calc(100% + 44px);max-width:540px;margin:0 -22px}.map-aside{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.city-list{max-height:155px}.city-distribution h3{font-size:39px}.map-intro h1{font-size:50px}.map-bottom{flex-direction:column;gap:15px}.map-bottom .location-option{text-align:left}}@media (prefers-reduced-motion:reduce){.globe-point span,.globe-point span:after{animation:none!important}}