@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@200;300;400;500&display=swap";:root{--ink:#f4f6fb;--ink-soft:#f4f6fbb8;--ink-faint:#f4f6fb73;--line:#f4f6fb40;--night:#0b1530;--gutter:clamp(16px, 4vw, 32px);--top:calc(var(--gutter) + env(safe-area-inset-top));--bottom:calc(var(--gutter) + env(safe-area-inset-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;touch-action:none;overscroll-behavior:none;margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:400;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.intro{left:var(--gutter);top:var(--top);pointer-events:none;transition:opacity .5s;position:fixed}.intro h1{letter-spacing:-.03em;max-width:11ch;margin:0;font-size:clamp(34px,9vw,56px);font-weight:200;line-height:1}.pins{pointer-events:none;position:fixed;inset:0}.pin{color:#0000;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:baseline;gap:6px;padding:12px 10px;font-size:14px;display:flex;position:absolute;top:0;left:0;translate:10px -50%}.pin[data-side=left]{flex-direction:row-reverse;translate:calc(-100% - 10px) -50%}.pin[data-side=above]{translate:-50% -100%}.pin[data-side=below]{translate:-50%}.pin:disabled{pointer-events:none}.pin-temp{font-weight:300}.veil{opacity:0;pointer-events:none;position:fixed;inset:0}.readout{left:var(--gutter);top:var(--top);pointer-events:none;text-shadow:0 1px 2px #0a14284d,0 2px 28px #0a193c59;transition:opacity .35s;position:fixed}.readout.leaving{opacity:0}.city{margin:0;font-size:20px;font-weight:400}.temp{letter-spacing:-.04em;margin:0;font-size:clamp(64px,18vw,120px);font-weight:200;line-height:.95}.detail{color:var(--ink-soft);align-items:center;gap:8px;margin:6px 0 0;font-size:15px;display:flex}.detail svg{width:26px;height:26px;color:var(--ink);filter:drop-shadow(0 1px 2px #0a142859)}.step{left:var(--gutter);bottom:calc(var(--bottom) - 12px);z-index:5;gap:4px;display:flex;position:fixed}.step button,.sound{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#0000001f;border-radius:50%;place-items:center;padding:0;display:grid}.step svg,.sound svg{width:22px;height:22px}.step .home svg{width:26px;height:26px}.step .home{margin-right:8px}.step button:hover{border-color:var(--ink-soft)}.sound{right:var(--gutter);top:var(--top);color:var(--ink-soft);z-index:5;position:fixed}.sound:hover,.sound[aria-pressed=true]{color:var(--ink);border-color:var(--ink-soft)}[data-mode=globe] .readout,[data-mode=globe] .step,[data-mode=island] .pins,[data-mode=island] .intro{visibility:hidden;opacity:0}.signature{right:var(--gutter);bottom:var(--bottom);color:var(--ink-faint);z-index:5;gap:14px;font-size:12px;display:flex;position:fixed}.signature a{text-decoration:none}.signature a:hover{color:var(--ink)}@media (width<=480px){.signature{flex-direction:column;align-items:flex-end;gap:6px}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fallback{padding:var(--gutter);text-align:center;color:var(--ink-soft);place-items:center;margin:0;display:grid;position:fixed;inset:0}