:root{--globe-ink:#f0f0eb;--globe-muted:#8f9396}
body.globe-open{background:#080a0c;color:var(--globe-ink)}
.globe-open>.app-nav,.globe-open>#workspace,.globe-open>#return-globe{display:none}
#globe-home{position:fixed;inset:0;z-index:80;background:#080a0c;color:var(--globe-ink);overflow:hidden;font-family:Inter,"Helvetica Neue","Microsoft YaHei",sans-serif}
#globe-home[hidden]{display:none}
.globe-header{position:absolute;left:5%;right:5%;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:3}
.globe-wordmark{text-decoration:none;color:var(--globe-ink);font-size:18px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:12px}
.globe-symbol{width:26px;height:26px;border:1px solid #e7e7e1;border-radius:50%;display:inline-block;background:linear-gradient(90deg,#ecece6 50%,transparent 50%);transform:rotate(-25deg)}
.globe-clock{display:flex;align-items:center;gap:12px;font-size:11px;color:#acb0b4;letter-spacing:.8px;font-variant-numeric:tabular-nums}
.globe-clock i{width:5px;height:5px;background:#e2e2da;border-radius:50%}
.globe-copy{position:absolute;left:6%;top:25%;width:30%;z-index:2;pointer-events:none}
.globe-kicker{font-size:10px;letter-spacing:3px;color:#a7aaae;margin:0 0 22px;text-transform:uppercase}
.globe-copy h1{font-size:clamp(38px,4.4vw,70px);line-height:1.3;font-weight:450;letter-spacing:-2px;margin:0 0 24px}
.globe-copy p:last-child{color:#9b9ea3;font-size:13px;line-height:1.9;letter-spacing:.4px;max-width:260px}
.globe-stage{position:absolute;left:32%;right:7%;top:11%;bottom:16%;touch-action:none}
#earth-canvas{display:block;width:100%;height:100%;cursor:grab;outline:none;touch-action:none}
#earth-canvas.dragging{cursor:grabbing}
#earth-canvas:focus-visible{outline:1px solid #989b9d;outline-offset:-12px;border-radius:50%}
.earth-marker{position:absolute;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#fff;padding:9px 7px;font-family:inherit;font-size:10px;white-space:nowrap;transform:translate(-11px,-50%);text-shadow:0 1px 4px #000,0 0 7px #000;cursor:pointer}
.earth-marker i{display:block;border:1px solid #fff;background:#101010;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #0003}
.earth-marker.selected i{background:#fff;box-shadow:0 0 0 4px #ffffff30}
.earth-marker[hidden]{display:none}
.globe-tools{position:absolute;right:4.5%;top:37%;display:flex;flex-direction:column;gap:12px;z-index:3}
.globe-tools button{height:40px;width:40px;border:1px solid #343638;border-radius:50%;background:#0e1012;color:#c4c6c7;cursor:pointer;font-size:19px;display:grid;place-items:center}
.globe-tools button:hover{border-color:#ddd;color:#fff}
.globe-tools svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.3;fill:none}
.globe-tools button[aria-pressed=true]{background:#efefe9;color:#151719}
.globe-bottom{position:absolute;left:6%;right:6%;bottom:45px;z-index:3;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.globe-legend{display:flex;align-items:center;gap:21px;color:#a6aaae;font-size:11px;margin-bottom:22px}
.globe-legend span{display:flex;gap:8px;align-items:center}
.globe-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid #b5b7b8}
.globe-legend .light{background:#f3f3ed}
.globe-legend .dark{background:#131619}
.globe-hint{color:#777d83;font-size:10px;letter-spacing:.3px}
.globe-cities{display:flex;gap:7px;flex-wrap:wrap}
.globe-cities button{border:1px solid #33373b;color:#abb0b5;background:transparent;border-radius:30px;padding:10px 16px;font-size:11px;cursor:pointer;line-height:1}
.globe-cities button.selected,.globe-cities button:hover{background:#eaeae4;color:#141718;border-color:#eaeae4}
.globe-entry{min-width:218px}
.globe-place{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9a9fa4;margin:0 2px 11px;font-variant-numeric:tabular-nums}
#globe-enter{display:flex;width:100%;gap:26px;justify-content:space-between;align-items:center;border:0;border-radius:3px;color:#17191b;background:#ededE7;padding:16px 21px;font-size:13px;font-weight:550;cursor:pointer;min-height:50px}
#globe-enter:hover{background:#fff}
#globe-enter:disabled{opacity:.65;cursor:wait}
.globe-credit{position:absolute;bottom:12px;left:6%;font-size:8px;color:#666d73;letter-spacing:.3px}
.globe-credit a{color:inherit;text-decoration:none}
.globe-error{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);width:min(90%,380px);text-align:center;color:#c3c6c7;font-size:12px;z-index:5;line-height:1.8}
.globe-error:empty{display:none}
#return-globe{position:fixed;left:17px;bottom:118px;z-index:30;border:1px solid #777;border-radius:10px;background:#181818;color:#eee;width:52px;height:42px;font-size:11px;cursor:pointer}
#globe-home button:focus-visible,#globe-home a:focus-visible{outline:2px solid #eee;outline-offset:4px}
@media(min-width:1400px){.globe-bottom{bottom:60px}.globe-header{top:40px}}
@media(max-width:1000px) and (min-width:761px){.globe-copy h1{font-size:43px}.globe-stage{left:28%;right:4%}.globe-tools{right:3%}.globe-cities button{padding:10px 12px}.globe-entry{min-width:190px}}
@media(max-width:760px){
 .globe-header{left:22px;right:22px;top:23px}.globe-wordmark{font-size:14px;letter-spacing:1px;gap:9px}.globe-symbol{width:21px;height:21px}.globe-clock{font-size:9px;gap:6px}.globe-clock .clock-date{display:none}
 .globe-copy{left:25px;top:89px;width:auto;right:25px}.globe-kicker{font-size:9px;margin-bottom:10px;letter-spacing:2px}.globe-copy h1{font-size:33px;letter-spacing:-1px;line-height:1.22;margin-bottom:9px}.globe-copy h1 br{display:none}.globe-copy p:last-child{font-size:11px;margin-top:0;max-width:none}
 .globe-stage{left:0;right:0;top:182px;bottom:178px}.globe-tools{right:15px;top:43%;gap:9px}.globe-tools button{height:33px;width:33px;font-size:16px}
 .globe-bottom{left:22px;right:22px;bottom:30px;display:flex;flex-direction:column;gap:18px;align-items:stretch}.globe-legend{font-size:9px;gap:12px;margin-bottom:12px}.globe-hint{font-size:9px}.globe-cities{flex-wrap:nowrap;overflow-x:auto;padding:1px 1px 5px;gap:7px;scrollbar-width:none}.globe-cities button{flex-shrink:0;padding:9px 13px;font-size:10px}
 .globe-entry{display:grid;grid-template-columns:1fr 160px;gap:12px;align-items:center;min-width:0}.globe-place{flex-direction:column;gap:5px;margin:0;font-size:10px}#globe-enter{font-size:11px;padding:14px;min-height:44px;gap:10px}.globe-credit{left:22px;bottom:9px;font-size:7px}
 .earth-marker{font-size:9px;gap:5px}.earth-marker i{width:5px;height:5px}#return-globe{left:auto;right:12px;top:239px;bottom:auto;width:42px;height:34px;background:#fff;color:#222;border-color:#ddd}
}
@media(max-height:680px) and (max-width:760px){.globe-copy{top:76px}.globe-copy h1{font-size:29px}.globe-copy p:last-child{font-size:10px}.globe-stage{top:155px;bottom:167px}.globe-bottom{bottom:26px;gap:12px}.globe-legend{margin-bottom:9px}.globe-header{top:18px}}
@media(max-height:560px) and (min-width:761px){.globe-copy{top:24%}.globe-copy h1{font-size:37px}.globe-stage{top:7%;bottom:22%}.globe-bottom{bottom:25px}.globe-legend{margin-bottom:12px}.globe-header{top:20px}}