/* Deliberately isolated: Experimental must not restyle the operational tools. */
.experimental-atlas { --atlas-ink:#233c42; --atlas-muted:#6a7b7e; --atlas-border:#e2e9e7; --atlas-accent:#226e69; color:var(--atlas-ink); max-width:1660px; padding:32px 36px 42px; margin:auto; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.experimental-atlas * { box-sizing:border-box; }
.experimental-atlas [hidden] { display:none !important; }
.experimental-atlas button,.experimental-atlas input,.experimental-atlas select { font:inherit; }
.experimental-atlas button { cursor:pointer; border:1px solid var(--atlas-border); border-radius:10px; background:white; color:var(--atlas-ink); padding:10px 14px; font-size:13px; font-weight:600; box-shadow:none; line-height:1.4; }
.experimental-atlas button:hover { background:#f1f6f4; border-color:#b9ceca; }
.experimental-atlas button:disabled { opacity:.5; cursor:wait; }
.experimental-atlas button:focus-visible,.experimental-atlas input:focus-visible,.experimental-atlas select:focus-visible,.experimental-atlas summary:focus-visible { outline:3px solid #8ccbc1; outline-offset:3px; }
.experimental-atlas-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.experimental-atlas-eyebrow { font-size:10px; letter-spacing:1.8px; font-weight:750; color:#647b7b; line-height:1.6; }
.experimental-atlas-eyebrow>span { display:inline-block; margin-left:12px; padding:3px 8px; border:1px solid #c4dbd3; border-radius:5px; color:#347864; font-size:8px; letter-spacing:1px; vertical-align:middle; }
.experimental-atlas h1 { font-size:clamp(32px,3.1vw,47px); letter-spacing:-1.8px; line-height:1.1; margin:11px 0 10px; font-weight:650; }
.experimental-atlas h1>span { color:#75b9a3; }
.experimental-atlas-heading p { margin:0; color:var(--atlas-muted); font-size:14px; line-height:1.6; }
.experimental-atlas-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.experimental-atlas button.experimental-atlas-primary { background:var(--atlas-accent); border-color:var(--atlas-accent); color:white; padding:13px 18px; }
.experimental-atlas-primary>span { margin-left:18px; font-size:18px; line-height:1; }
.experimental-atlas button.experimental-atlas-primary:hover { background:#195e59; }
.experimental-atlas-metrics { display:grid; grid-template-columns:repeat(4,1fr); padding:23px 0 24px; border-top:1px solid var(--atlas-border); border-bottom:1px solid var(--atlas-border); margin-bottom:16px; }
.experimental-atlas-metrics>div { padding:0 25px; border-left:1px solid var(--atlas-border); }
.experimental-atlas-metrics>div:first-child { padding-left:0; border:0; }
.experimental-atlas-metrics span { display:block; font-size:9px; font-weight:750; letter-spacing:1.3px; color:var(--atlas-muted); }
.experimental-atlas-metrics strong { display:block; font-size:32px; letter-spacing:-1px; font-weight:600; line-height:1.3; margin:5px 0 1px; font-variant-numeric:tabular-nums; }
.experimental-atlas-metrics small { font-size:11px; color:var(--atlas-muted); }
.experimental-atlas-progress { min-height:28px; display:flex; align-items:center; gap:8px; font-size:11px; color:var(--atlas-muted); margin-bottom:12px; line-height:1.5; }
.experimental-atlas-status-dot { flex:0 0 auto; width:6px; height:6px; background:#7b9c90; border-radius:50%; }
.experimental-atlas-progress.is-working .experimental-atlas-status-dot { width:11px; height:11px; background:transparent; border:2px solid #d7e4df; border-top-color:#367c69; animation:experimental-atlas-spin .8s linear infinite; }
.experimental-atlas-progress.has-error { color:#8d562f; }
.experimental-atlas-progress.has-error .experimental-atlas-status-dot { background:#c88049; }
.experimental-atlas-workspace { background:#fff; border:1px solid #d9e3de; border-radius:16px; overflow:hidden; box-shadow:0 6px 25px #173c3010; position:relative; }
.experimental-atlas-toolbar { display:flex; align-items:center; gap:10px; padding:12px 15px; border-bottom:1px solid var(--atlas-border); background:rgba(255,255,255,.97); z-index:5; position:relative; }
.experimental-atlas-segment { display:flex; padding:3px; background:#edf2ef; border-radius:9px; flex-shrink:0; }
.experimental-atlas-segment button { border:0; border-radius:6px; background:transparent; color:#607571; font-size:12px; padding:8px 13px; }
.experimental-atlas-segment button[aria-pressed="true"] { color:#235e53; background:white; box-shadow:0 1px 4px #163e2420; }
.experimental-atlas-year { min-width:110px; }
.experimental-atlas-year select { border:1px solid var(--atlas-border); border-radius:8px; color:#3e5755; background:#fff; font-size:12px; padding:10px 24px 10px 11px; height:39px; width:100%; }
.experimental-atlas-search { display:flex; align-items:center; gap:8px; margin-left:auto; width:min(290px,35%); background:#f6f8f6; border:1px solid #e8eeea; border-radius:8px; padding:0 10px; height:39px; color:#789087; }
.experimental-atlas-search>span[aria-hidden] { font-size:22px; }
.experimental-atlas-search input { min-width:0; width:100%; border:0; background:transparent; color:#3e5755; outline:none; padding:8px 0; font-size:12px; }
.experimental-atlas-search input::placeholder { color:#8a9a94; }
.experimental-atlas button.experimental-atlas-icon-button { padding:5px; width:38px; height:38px; font-size:24px; line-height:1; flex-shrink:0; }
.experimental-atlas-map-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; height:560px; }
.experimental-atlas-map-wrap { position:relative; min-width:0; overflow:hidden; background:#eef2e9; }
.experimental-atlas-map { width:100%; height:100%; min-height:300px; }
.experimental-atlas-map:empty { background-color:#edf1e9; background-image:linear-gradient(30deg,transparent 45%,#fff8 45.5%,#fff8 47%,transparent 47.5%),linear-gradient(115deg,transparent 30%,#fff6 30.5%,#fff6 31.5%,transparent 32%),linear-gradient(65deg,transparent 67%,#cbdde180 67.5%,#cbdde180 74%,transparent 74.5%),radial-gradient(ellipse at 25% 45%,#dae5d5 0%,transparent 55%); }
.experimental-atlas-map-message { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:26px 30px; width:min(390px,85%); text-align:center; background:rgba(255,255,255,.92); backdrop-filter:blur(9px); border:1px solid #fff; border-radius:16px; box-shadow:0 5px 25px #294c3420; pointer-events:none; }
.experimental-atlas-empty-icon { width:46px; height:46px; margin:0 auto 15px; border:1px solid #cae0d3; background:#edf5ee; border-radius:50%; display:grid; place-items:center; color:#417a66; font-size:27px; }
.experimental-atlas-map-message h2 { font-size:21px; letter-spacing:-.6px; font-weight:650; margin:0 0 10px; }
.experimental-atlas-map-message p { font-size:13px; line-height:1.7; color:#6e807a; margin:0 0 15px; }
.experimental-atlas-map-message>span { font-size:9px; color:#70867b; }
.experimental-atlas-legend { display:flex; align-items:center; gap:15px; position:absolute; bottom:36px; left:18px; border:1px solid #e2e7e2; border-radius:9px; padding:10px 13px; background:#ffffffee; backdrop-filter:blur(6px); box-shadow:0 2px 8px #29453310; color:#536c63; font-size:10px; pointer-events:none; }
.experimental-atlas-legend>span { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.experimental-atlas-legend i { display:inline-block; height:9px; width:9px; border-radius:50%; }
.experimental-atlas-legend i.experimental-atlas-heat-gradient { border-radius:4px; height:8px; width:75px; background:linear-gradient(90deg,#a4dcd0,#3a9ead,#8048d9); }
.experimental-atlas-map-note { position:absolute; left:18px; top:15px; padding:7px 10px; border-radius:6px; color:#4a675e; background:#fffdf5ed; font-size:10px; box-shadow:0 1px 4px #2c40321a; pointer-events:none; max-width:calc(100% - 36px); }
.experimental-atlas-density { position:absolute; pointer-events:none; }
.experimental-atlas-sidebar { background:#fff; border-left:1px solid var(--atlas-border); min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.experimental-atlas-sidebar-head { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:24px 20px 17px; border-bottom:1px solid #edf0ed; }
.experimental-atlas-sidebar-head .experimental-atlas-eyebrow { font-size:8px; letter-spacing:1.2px; }
.experimental-atlas-sidebar h2 { font-size:19px; letter-spacing:-.5px; margin:6px 0 0; font-weight:600; }
.experimental-atlas-location-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
.experimental-atlas-list-empty { color:#82928c; font-size:12px; line-height:1.8; padding:15px 20px; margin:0; }
.experimental-atlas button.experimental-atlas-location { display:flex; gap:10px; align-items:center; border:0; border-radius:0; border-bottom:1px solid #f0f3f0; padding:17px 16px; text-align:left; width:100%; }
.experimental-atlas-rank { font-size:10px; font-weight:500; color:#96a59d; width:16px; flex-shrink:0; align-self:flex-start; padding-top:2px; }
.experimental-atlas-location-text { min-width:0; flex:1; }
.experimental-atlas-location-text strong { display:block; font-size:11px; line-height:1.6; font-weight:600; overflow-wrap:anywhere; }
.experimental-atlas-location-text small { display:block; color:#89998f; font-size:9px; line-height:1.5; font-weight:400; margin-top:4px; }
.experimental-atlas-location-count { flex-shrink:0; min-width:27px; height:27px; padding:0 5px; border:1px solid color-mix(in srgb,var(--visit-color) 25%,white); color:var(--visit-color); background:color-mix(in srgb,var(--visit-color) 8%,white); border-radius:8px; display:grid; place-items:center; font-size:11px; font-weight:700; }
.experimental-atlas-selected-address { margin:0; padding:18px 20px; font-size:13px; line-height:1.6; font-weight:600; background:#f7faf7; overflow-wrap:anywhere; }
.experimental-atlas-visit { margin-left:20px; padding:17px 20px 17px 16px; border-left:1px solid #d9e4dc; position:relative; }
.experimental-atlas-visit:before { content:""; width:7px; height:7px; border:2px solid #70a38e; background:white; position:absolute; top:22px; left:-4px; border-radius:50%; }
.experimental-atlas-visit span { display:block; font-size:10px; color:#789182; margin-bottom:5px; }
.experimental-atlas-visit strong { display:block; font-size:12px; font-weight:500; line-height:1.7; overflow-wrap:anywhere; }
.experimental-atlas-coverage { margin-top:22px; border:1px solid var(--atlas-border); border-radius:12px; background:#fff; }
.experimental-atlas-coverage>summary { display:flex; justify-content:space-between; gap:16px; padding:17px 20px; cursor:pointer; font-size:12px; font-weight:600; list-style:none; }
.experimental-atlas-coverage>summary::-webkit-details-marker { display:none; }
.experimental-atlas-coverage>summary small { margin-left:14px; font-size:11px; color:#8b9b94; font-weight:400; }
.experimental-atlas-coverage[open]>summary { border-bottom:1px solid var(--atlas-border); }
.experimental-atlas-coverage-body { padding:4px 20px 20px; }
.experimental-atlas-coverage-body p { font-size:12px; line-height:1.8; color:#6d8277; max-width:1000px; }
.experimental-atlas-coverage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:15px 0; }
.experimental-atlas-coverage-grid span { display:block; font-size:10px; color:#7b9284; margin-bottom:5px; }
.experimental-atlas-coverage-grid strong { font-size:12px; font-weight:600; }
.experimental-atlas-coverage-body details { margin:15px 0; padding:14px; background:#f7f9f6; border-radius:8px; font-size:12px; color:#637d6e; }
.experimental-atlas-coverage-body details summary { cursor:pointer; }
.experimental-atlas-coverage-body ul { padding:0; list-style:none; max-height:260px; overflow:auto; }
.experimental-atlas-coverage-body li { padding:10px 0; border-bottom:1px solid var(--atlas-border); }
.experimental-atlas-coverage-body li strong,.experimental-atlas-coverage-body li span { display:block; font-size:11px; line-height:1.8; }
.experimental-atlas .experimental-atlas-footnote { font-size:11px; color:#84978b; }
.experimental-atlas button.experimental-atlas-help { border:0; background:#edf4ee; font-size:11px; color:#3c7560; padding:8px 12px; }
.experimental-atlas-help span { margin-left:6px; }
.experimental-atlas-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.experimental-atlas-workspace:fullscreen,.experimental-atlas-workspace.is-expanded { border:0; border-radius:0; padding:18px; background:#eef2ec; width:100vw; height:100dvh; display:flex; flex-direction:column; }
.experimental-atlas-workspace.is-expanded { position:fixed; inset:0; z-index:99999; }
.experimental-atlas-workspace:fullscreen .experimental-atlas-toolbar,.experimental-atlas-workspace.is-expanded .experimental-atlas-toolbar { border-radius:12px 12px 0 0; box-shadow:0 2px 14px #35523a12; flex-shrink:0; }
.experimental-atlas-workspace:fullscreen .experimental-atlas-map-layout,.experimental-atlas-workspace.is-expanded .experimental-atlas-map-layout { height:auto; flex:1; min-height:0; border-radius:0 0 12px 12px; overflow:hidden; }
@keyframes experimental-atlas-spin { to { transform:rotate(360deg); } }
@media(min-width:900px) { #experimentalPanel { overflow:auto; height:calc(100dvh - var(--tab-offset, 86px)); overscroll-behavior:contain; } }
@media(max-width:1050px) { .experimental-atlas { padding:26px 22px 35px; } .experimental-atlas-map-layout { grid-template-columns:minmax(0,1fr) 250px; } .experimental-atlas-map-layout { height:510px; } .experimental-atlas-search { width:25%; } .experimental-atlas-metrics>div { padding:0 16px; } }
@media(max-width:720px) { .experimental-atlas { padding:24px 15px 32px; } .experimental-atlas-heading { align-items:flex-start; flex-direction:column; gap:19px; margin-bottom:23px; } .experimental-atlas h1 { font-size:36px; } .experimental-atlas-heading p { font-size:12px; } .experimental-atlas-metrics { grid-template-columns:1fr 1fr; gap:20px 0; padding:20px 0; } .experimental-atlas-metrics>div { padding:0 14px; } .experimental-atlas-metrics>div:nth-child(odd) { padding-left:0; border:0; } .experimental-atlas-metrics span { font-size:8px; } .experimental-atlas-metrics strong { font-size:28px; } .experimental-atlas-metrics small { font-size:10px; } .experimental-atlas-toolbar { padding:10px; gap:7px; flex-wrap:wrap; } .experimental-atlas-segment button { padding:7px 10px; font-size:11px; } .experimental-atlas-year { min-width:90px; flex:1; } .experimental-atlas-year select { font-size:11px; padding-left:8px; } .experimental-atlas-search { order:5; width:100%; margin:0; } .experimental-atlas button.experimental-atlas-icon-button { width:32px; height:35px; font-size:22px; } .experimental-atlas-map-layout { display:flex; flex-direction:column; height:auto; } .experimental-atlas-map-wrap { height:420px; flex-shrink:0; } .experimental-atlas-sidebar { border-left:0; border-top:1px solid var(--atlas-border); max-height:330px; } .experimental-atlas-sidebar-head { padding:17px; } .experimental-atlas-location-list { min-height:90px; } .experimental-atlas-coverage-grid { grid-template-columns:1fr 1fr; } .experimental-atlas-coverage>summary small { display:block; margin:5px 0 0; } .experimental-atlas-workspace:fullscreen,.experimental-atlas-workspace.is-expanded { padding:8px; } .experimental-atlas-workspace:fullscreen .experimental-atlas-map-layout,.experimental-atlas-workspace.is-expanded .experimental-atlas-map-layout { display:block; position:relative; } .experimental-atlas-workspace:fullscreen .experimental-atlas-map-wrap,.experimental-atlas-workspace.is-expanded .experimental-atlas-map-wrap { height:100%; } .experimental-atlas-workspace:fullscreen .experimental-atlas-sidebar,.experimental-atlas-workspace.is-expanded .experimental-atlas-sidebar { position:absolute; bottom:62px; right:10px; left:10px; max-height:22vh; border:1px solid #d6e3d9; border-radius:10px; box-shadow:0 2px 10px #25402b20; } .experimental-atlas-workspace:fullscreen .experimental-atlas-sidebar-head,.experimental-atlas-workspace.is-expanded .experimental-atlas-sidebar-head { padding:8px 12px; } .experimental-atlas-workspace:fullscreen .experimental-atlas-sidebar-head .experimental-atlas-eyebrow,.experimental-atlas-workspace.is-expanded .experimental-atlas-sidebar-head .experimental-atlas-eyebrow { display:none; } .experimental-atlas-workspace:fullscreen .experimental-atlas-sidebar h2,.experimental-atlas-workspace.is-expanded .experimental-atlas-sidebar h2 { font-size:13px; margin:0; } .experimental-atlas-workspace:fullscreen .experimental-atlas-location,.experimental-atlas-workspace.is-expanded .experimental-atlas-location { padding:9px 12px; } }
@media(prefers-reduced-motion:reduce) { .experimental-atlas-progress.is-working .experimental-atlas-status-dot { animation:none; } }