.at{--ink:#14232b;--soft:#5b6b73;--line:#e3e8eb;--bg:#f6f8f9;--card:#fff;--hi:#0b7285;--tap:44px;
  font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);
  max-width:1400px;margin:0 auto;position:relative}
.at *{box-sizing:border-box}
.at button,.at select,.at input{font:inherit;color:inherit}
.at button{cursor:pointer}
.at-hero{position:relative;overflow:hidden;color:#fff;padding:16px 16px 10px;
  background:radial-gradient(120% 140% at 100% 0,#1b6f8a 0,rgba(27,111,138,0) 55%),
             radial-gradient(90% 120% at 0 100%,#5b3fa6 0,rgba(91,63,166,0) 60%),linear-gradient(135deg,#0b3d4f,#122a45)}
.at-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:22px 22px;
  mask-image:linear-gradient(180deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%)}
.at-kicker{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.at-hero h1{margin:2px 0 4px;font-size:clamp(23px,6.2vw,40px);line-height:1.12;letter-spacing:-.01em}
.at-sub{margin:0 0 10px;max-width:52em;font-size:14px;opacity:.9}
.at-stats{display:flex;gap:6px;margin-bottom:8px;position:relative;z-index:1}
.at-stat{flex:1 1 0;min-width:0;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:12px;
  padding:5px 8px;font-size:11.5px;line-height:1.25;backdrop-filter:blur(4px)}
.at-stat b{display:block;font-size:19px;line-height:1.1}
.at-ribbon{position:relative;z-index:1;display:grid;grid-template-columns:repeat(30,1fr);gap:2px;height:46px;
  align-items:end}
.at-rib{all:unset;cursor:pointer;display:flex;flex-direction:column-reverse;align-items:center;gap:2px;height:100%;
  border-radius:4px;padding:2px 0;position:relative}
.at-rib:focus-visible,.at-rib:hover{background:rgba(255,255,255,.14)}
.at-rib i{display:block;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.at-rib.sun:after{content:"";position:absolute;bottom:-5px;left:50%;width:1px;height:4px;background:rgba(255,255,255,.5)}
.at-rib.now{background:rgba(255,255,255,.2)}
.at-rib-cap{display:flex;justify-content:space-between;font-size:11px;opacity:.75;margin-top:6px;position:relative;z-index:1}

.at-bar{position:relative;z-index:600;background:rgba(246,248,249,.94);backdrop-filter:blur(8px);
  padding:10px 12px 4px;border-bottom:1px solid var(--line)}
.at-town{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.at-lbl{font-size:13px;color:var(--soft);font-weight:600}
.at-town select{flex:1;min-height:var(--tap);border:1px solid #c8d1d6;border-radius:12px;padding:0 12px;background:#fff}
.at-when,.at-legend,.at-seg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.at-when::-webkit-scrollbar,.at-legend::-webkit-scrollbar{display:none}
.at-when button,.at-seg button,.at-chip{flex:none;min-height:40px;border:1px solid #c8d1d6;background:#fff;border-radius:999px;
  padding:0 14px;font-size:14px;white-space:nowrap}
.at-when button[aria-pressed=true],.at-seg button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.at-custom{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px;font-size:14px}
.at-custom[hidden],.at-sheet[hidden],.at-areawide[hidden]{display:none}
.at-custom input{min-height:40px;border:1px solid #c8d1d6;border-radius:10px;padding:0 8px;margin-left:4px;max-width:150px}
.at-chip{display:flex;align-items:center;gap:7px;padding:0 12px 0 8px}
.at-chip i{width:22px;height:22px;border-radius:50%;background:var(--c);display:grid;place-items:center}
.at-chip i svg{width:14px;height:14px}
.at-chip small{color:var(--soft)}
.at-chip[aria-pressed=false]{opacity:.42;background:#eef1f3}
.at-chip[aria-pressed=false] i{filter:grayscale(1)}
.at-scope{margin:0 0 6px;font-size:13px;color:var(--soft);min-height:1em}

.at-views{display:grid;gap:12px;padding:12px}
.at-mapbox{position:relative;z-index:0;isolation:isolate;border-radius:18px;overflow:hidden;
  box-shadow:0 6px 24px rgba(16,40,52,.14);background:#dfe8ec}
.at-map{height:58vh;min-height:340px;max-height:720px}
.at-wait{height:100%;display:grid;place-items:center;color:var(--soft);
  background:linear-gradient(110deg,#dfe8ec 30%,#eef3f5 50%,#dfe8ec 70%);background-size:300% 100%;animation:at-shine 1.4s infinite}
@keyframes at-shine{to{background-position:-150% 0}}
.at .leaflet-tile-pane{filter:saturate(.6) contrast(.96) brightness(1.03)}
.at .leaflet-control-attribution{font-size:11px}
.at .leaflet-control-zoom a{width:40px;height:40px;line-height:40px;font-size:20px}
.at-areawide,.at-fit{position:absolute;z-index:500;border:0;border-radius:999px;background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.18);min-height:var(--tap)}
.at-areawide{left:10px;bottom:28px;padding:0 14px;font-size:14px;font-weight:600}
.at-fit{right:10px;bottom:28px;width:var(--tap);font-size:20px}
.at-pin{background:none;border:0}
.at-pin b{position:absolute;left:7px;top:7px;width:30px;height:30px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);
  background:var(--c);border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.3);display:grid;place-items:center;
  animation:at-drop .45s cubic-bezier(.3,1.6,.6,1) both}
.at-pin b svg{width:16px;height:16px;transform:rotate(45deg)}
.at-pin.loose b{background:#fff;border:3px dashed var(--c)}
.at-pin.loose b svg *{stroke:var(--c)}
.at-pin.loose b svg text{fill:var(--c)}
.at-pin.sel b{box-shadow:0 0 0 6px rgba(255,255,255,.7),0 0 0 9px var(--c);z-index:1}
@keyframes at-drop{from{transform:translateY(-14px) rotate(-45deg);opacity:0}}
.at-halo{background:none;border:0;pointer-events:none}
.at-halo i{position:absolute;inset:0;border-radius:50%;border:4px solid var(--c);animation:at-ring 1.3s ease-out infinite}
@keyframes at-ring{from{transform:scale(.35);opacity:1}to{transform:scale(1.25);opacity:0}}
.at-cl{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 12px rgba(0,0,0,.28);
  transition:transform .15s}
.at-cl span{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.at-cl:hover{transform:scale(1.08)}
.marker-cluster{background:none}

.at-cal{background:var(--card);border-radius:18px;box-shadow:0 6px 24px rgba(16,40,52,.08);padding:10px}
.at-cal-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.at-cal-head h2{flex:1;margin:0;font-size:19px;text-align:center;min-width:8em}
.at-nav,.at-today{min-width:var(--tap);min-height:var(--tap);border:1px solid #c8d1d6;background:#fff;border-radius:12px;font-size:20px}
.at-today{font-size:14px;padding:0 12px}
.at-seg{padding:0;order:5;width:100%;justify-content:center}
.at-dow,.at-month{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.at-dow span{font-size:11px;color:var(--soft);text-align:center;text-transform:uppercase;letter-spacing:.06em}
.at-day{all:unset;box-sizing:border-box;cursor:pointer;min-height:58px;border-radius:10px;padding:4px;background:#f3f6f7;
  display:flex;flex-direction:column;gap:3px;position:relative;overflow:hidden}
.at-day:focus-visible{outline:2px solid var(--hi)}
.at-day.out{opacity:.4}
.at-day.today{background:#e3f4f7;box-shadow:inset 0 0 0 2px var(--hi)}
.at-day.empty{cursor:default}
.at-dn{font-size:12px;font-weight:700}
.at-dots{display:flex;flex-wrap:wrap;gap:3px}
.at-dots i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.at-dots i.end{background:#fff;box-shadow:inset 0 0 0 2px var(--c)}
.at-more{font-size:10px;color:var(--soft)}
.at-pill{display:none}
.at-week{display:flex;flex-direction:column;gap:8px}
.at-wd{border-radius:12px;background:#f3f6f7;padding:8px}
.at-wd.today{background:#e3f4f7;box-shadow:inset 0 0 0 2px var(--hi)}
.at-wd h3{margin:0;font-size:14px}
.at-wd.none h3{font-weight:500;color:var(--soft)}
.at-wd summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-size:14px}
.at-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:flex-start;width:100%;
  background:#fff;border-radius:10px;padding:10px;margin-top:6px;border-left:5px solid var(--c);min-height:var(--tap)}
.at-item:focus-visible{outline:2px solid var(--hi)}
.at-item b{display:block;font-weight:600;font-size:14px;line-height:1.3}
.at-item small{color:var(--soft);font-size:12px}
.at-flash{animation:at-flash 1.6s 2}
@keyframes at-flash{50%{box-shadow:0 0 0 4px var(--c,#0b7285)}}
.at-undated{margin-top:10px;font-size:14px}
.at-undated summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;color:var(--soft)}

.at-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:0 8px 8px;pointer-events:none}
.at-sheet-in{pointer-events:auto;max-width:560px;margin:0 auto;background:#fff;border-radius:20px 20px 16px 16px;
  box-shadow:0 -6px 40px rgba(0,0,0,.28);padding:14px 16px 16px;max-height:72vh;overflow:auto;animation:at-up .22s ease-out}
@keyframes at-up{from{transform:translateY(40px);opacity:0}}
.at-grab{width:42px;height:5px;border-radius:3px;background:#d5dde1;margin:-4px auto 8px}
.at-x{float:right;width:var(--tap);height:var(--tap);border:0;background:#eef2f4;border-radius:50%;font-size:22px;
  margin:-4px -6px 0 8px}
.at-k{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft);font-weight:600}
.at-k i{width:12px;height:12px;border-radius:50%;background:var(--c)}
.at-card h3{margin:6px 0 6px;font-size:18px;line-height:1.3}
.at-card p{margin:0 0 8px;font-size:15px}
.at-where{font-size:13px!important;color:var(--soft)}
.at-where em{display:block;font-style:normal;font-size:12px}
.at-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.at-go,.at-alt{min-height:var(--tap);display:inline-flex;align-items:center;border-radius:12px;padding:0 16px;font-weight:600;
  text-decoration:none;font-size:15px}
.at-go{background:var(--ink);color:#fff}
.at-alt{background:#fff;border:1px solid #c8d1d6}
.at-alt[disabled]{opacity:.45;cursor:default}
.at-list h3{margin:2px 0 4px;font-size:17px}
.at-src{font-size:13px!important;color:var(--soft)}
.at-more{padding:4px 12px 12px}
.at-more h2{font-size:15px;margin:4px 4px 8px;color:var(--soft);font-weight:600}
.at-more-in{display:flex;flex-wrap:wrap;gap:8px}
.at-more-in button,.at-more-in a{min-height:var(--tap);display:inline-flex;align-items:center;border:1px solid #c8d1d6;
  background:#fff;border-radius:12px;padding:0 14px;font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.at-more-in a{background:transparent;font-weight:500}
.at-list h4{font-size:13px;margin:14px 0 2px;color:var(--soft);text-transform:uppercase;letter-spacing:.04em}
.at-list h4.at-dayh{text-transform:none;letter-spacing:0;font-size:14px}
.at-list details summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:600}
.at-note{font-size:13px!important;color:var(--soft)}
.at-note a{color:inherit}
.at-listit{min-height:32px;border:1px solid #c8d1d6;background:#fff;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}
.at-shut{display:block;margin-top:4px}
.at-shut a{color:var(--ink)}
.at-forget{border:0;background:none;padding:0;text-decoration:underline;font-size:inherit;color:inherit}
.at-wl{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:flex-start;width:100%;
  padding:8px 4px;border-bottom:1px solid #e3e9ec;min-height:var(--tap);font-size:14px;line-height:1.35}
.at-wl i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c);margin-top:5px}
.at-wl small{display:block;color:var(--soft);font-size:12px}
.at-wl:focus-visible{outline:2px solid var(--hi)}
.at-follow-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.at-follow-links a:not(.at-go){min-height:var(--tap);display:inline-flex;align-items:center;padding:0 10px}
.at-foot{font-size:12px;color:var(--soft);padding:4px 16px 24px;margin:0}
.at-foot a{color:inherit}

@media (max-width:699px){.at-sub{display:none}}
@media (min-width:700px){
  .at-hero{padding:34px 28px 18px}
  .at-stats{max-width:620px}
  .at-stat{font-size:13px;padding:6px 10px}
  .at-ribbon{height:58px}
  .at-bar{padding:10px 24px 4px;display:flex;flex-wrap:wrap;align-items:center;column-gap:14px}
  .at-town{margin:0 0 6px;min-width:300px}
  .at-legend{flex-basis:100%;flex-wrap:wrap}
  .at-views{padding:14px 24px}
  .at-day{min-height:86px}
  .at-pill{display:block;font-size:11px;line-height:1.25;border-radius:5px;padding:2px 4px;background:color-mix(in srgb,var(--c) 16%,#fff);
    border-left:3px solid var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .at-pill.end{opacity:.75;font-style:italic}
  .at-day .at-dots{display:none}
}
@media (min-width:1000px){
  .at-views{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}
  .at-map{height:calc(100vh - 230px);min-height:520px;max-height:860px}
  .at-mapbox{position:sticky;top:12px}
  .at-sheet{left:max(24px,calc(50% - 676px));right:auto;bottom:24px;width:400px;padding:0}
  .at-sheet-in{border-radius:18px}
  .at-grab{display:none}
}
@media (prefers-reduced-motion:reduce){.at *{animation:none!important;transition:none!important}}