:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;--ink-900: #101010;--ink-700: #2a2a2a;--ink-500: #4b4b4b;--ink-300: #8d8d8d;--ink-100: #ececec;--paper: #f7f7f7}body{margin:0;background:var(--paper);color:var(--ink-900)}.app{max-width:960px;margin:0 auto;padding:1.25rem}.app-header h1{margin:0;letter-spacing:.02em}.app-header p{margin-top:.25rem;color:var(--ink-500)}.map-shell{position:relative;border:2px solid var(--ink-700);border-radius:10px;overflow:hidden}.map-grid{position:relative;min-height:520px;background:linear-gradient(var(--ink-100) 1px,transparent 1px),linear-gradient(90deg,var(--ink-100) 1px,transparent 1px),linear-gradient(135deg,#fbfbfb,#f0f0f0);background-size:24px 24px,24px 24px,100% 100%}.overlay-layer{position:absolute;inset:0}.bubble,.footprint{position:absolute;transform:translate(-50%,-50%)}.bubble{border:1px solid var(--ink-700);border-radius:999px;background:#fffc;color:var(--ink-900);padding:.35rem .6rem;font-size:.78rem;line-height:1;white-space:nowrap}.bubble--i1{opacity:.65}.bubble--i2{opacity:.82}.bubble--i3{opacity:1;box-shadow:0 0 0 2px #2828281a}.footprint{font-size:1.05rem;color:var(--ink-700)}.footprint--stale{opacity:.45}.meta{margin-top:.75rem;font-size:.85rem;color:var(--ink-500)}