/* ═══════════════════════════════════════════════════════════════════════════
   NIGHT — activity-map.html                                                    2026-09-27
   This page's own dark sheet (the full map page AND its ?embed=1 frame inside the
   dashboards and family workspaces). EVERY rule is scoped to html[data-look="night"],
   so Day is this page exactly as it was.

   The map TILES are left exactly as they are — so are the pins, which are
   drawn to sit on those light tiles. Everything around and over them is
   dressed: the family chooser, the map frame, the legend card, zoom and
   attribution, tooltips and pin menus, the Places panel (stats, category
   tabs, search, Log a place, the list), the Log-a-place modal with its
   address suggestions, and the empty / signed-out states.
   The embed (body.pm-embed) shows the map and legend only; the same rules
   dress it. Families and assistants see this page too (no console body
   class), so nothing here leans on the shared console rules.
   `body:not(#pm-n)` is only a specificity lift — admin-type.css and the
   page's own parent skin (body.pm-map-parent) pin some of these classes.

   Sections: 1 ground + type · 2 page head · 3 family chooser · 4 map frame,
   controls, tooltips, popups · 5 legend card · 6 Places panel · 7 place
   rows · 8 Log-a-place modal · 9 empty / denied · 10 phone
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. ground + type ─────────────────────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) { background: var(--n-bg); color: var(--n-ink-2); }
html[data-look="night"] body:not(#pm-n) :is(.ca-shell, .ca-modal, .leaflet-container, .leaflet-tooltip, .leaflet-popup) {
  font-family: var(--n-font);
}
html[data-look="night"] body:not(#pm-n) :is(.ca-shell, .ca-modal) :is(input, select, button, textarea) { font-family: var(--n-font); }

/* ── 2. page head ─────────────────────────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-eyebrow {
  color: var(--n-faint) !important; font: 400 11px/1 var(--n-mono) !important; letter-spacing: .1em !important; margin-bottom: 12px;
}
html[data-look="night"] body:not(#pm-n) .ca-h1 {
  color: var(--n-ink) !important; font: 600 26px/1.15 var(--n-font) !important; letter-spacing: -.02em !important;
}
html[data-look="night"] body:not(#pm-n) .ca-sub { color: var(--n-mute) !important; font: 400 14px/1.6 var(--n-font) !important; }

/* ── 3. the family chooser ("Viewing") ────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-bar {
  background: var(--n-card); border: 1px solid var(--n-line); border-radius: 16px; box-shadow: none;
}
html[data-look="night"] body:not(#pm-n) .ca-bar label {
  color: var(--n-faint) !important; font: 400 11px/1 var(--n-mono) !important; letter-spacing: .1em !important;
}
html[data-look="night"] body:not(#pm-n) .ca-select {
  background-color: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-ink) !important;
  font-weight: 500; border-radius: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
html[data-look="night"] body:not(#pm-n) .ca-select:hover { border-color: var(--n-line-3) !important; }
html[data-look="night"] body:not(#pm-n) .ca-select:focus { border-color: rgb(var(--n-blue-rgb) / .55) !important; box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .14) !important; }
html[data-look="night"] body:not(#pm-n) .ca-select option { background: var(--n-surf); color: var(--n-ink); }

/* ── 4. the map frame, its controls, tooltips and popups ──────────────── */
/* the ground under the tiles (seen while they load) — a dark placeholder */
html[data-look="night"] body:not(#pm-n) .ca-map {
  background: var(--n-surf); border-color: var(--n-line); border-radius: 16px; box-shadow: none;
}
/* zoom */
html[data-look="night"] body:not(#pm-n) .leaflet-control-zoom {
  box-shadow: 0 0 0 1px var(--n-line), 0 12px 28px -12px var(--n-sh-p7) !important; border-radius: 11px !important;
}
html[data-look="night"] body:not(#pm-n) .leaflet-control-zoom a {
  background: var(--n-card) !important; color: var(--n-ink-2) !important; transition: background-color .15s ease, color .15s ease;
}
html[data-look="night"] body:not(#pm-n) .leaflet-control-zoom a + a { box-shadow: inset 0 1px 0 var(--n-line); }
html[data-look="night"] body:not(#pm-n) .leaflet-control-zoom a:hover { background: var(--n-hover) !important; color: var(--n-ink) !important; }
html[data-look="night"] body:not(#pm-n) .leaflet-control-zoom a.leaflet-disabled { color: var(--n-dim) !important; background: var(--n-card) !important; }
/* credits — kept, in the dark */
html[data-look="night"] body:not(#pm-n) .leaflet-control-attribution {
  background: rgb(var(--n-bg-rgb) / .72) !important; color: var(--n-faint) !important;
}
html[data-look="night"] body:not(#pm-n) .leaflet-control-attribution a { color: var(--n-mute) !important; }
/* "Click map to zoom" */
html[data-look="night"] body:not(#pm-n) .ca-zoomhint {
  background: rgb(var(--n-bg-rgb) / .86); color: var(--n-ink-2); box-shadow: 0 0 0 1px var(--n-line); font-weight: 500;
}
/* hover labels on pins */
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip,
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip.ca-tip {
  background: var(--n-card); color: var(--n-ink); border: 0; border-radius: 9px; font-weight: 600; font-size: 12px;
  box-shadow: 0 0 0 1px var(--n-line), 0 12px 28px -10px var(--n-sh-p8);
}
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip-top::before { border-top-color: var(--n-card); }
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip-bottom::before { border-bottom-color: var(--n-card); }
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip-left::before { border-left-color: var(--n-card); }
html[data-look="night"] body:not(#pm-n) .leaflet-tooltip-right::before { border-right-color: var(--n-card); }
/* popups — the pin menu, and the demo place card */
html[data-look="night"] body:not(#pm-n) .leaflet-popup-content-wrapper,
html[data-look="night"] body:not(#pm-n) .ca-pinpop .leaflet-popup-content-wrapper {
  background: var(--n-card); color: var(--n-ink-2); border: 0; box-shadow: var(--n-shadow-pop); border-radius: 14px;
}
html[data-look="night"] body:not(#pm-n) .leaflet-popup-tip,
html[data-look="night"] body:not(#pm-n) .ca-pinpop .leaflet-popup-tip { background: var(--n-card); border: 0; box-shadow: 0 0 0 1px var(--n-line); }
html[data-look="night"] body:not(#pm-n) .leaflet-popup-close-button,
html[data-look="night"] body:not(#pm-n) .ca-pinpop .leaflet-popup-close-button { color: var(--n-faint) !important; }
html[data-look="night"] body:not(#pm-n) .leaflet-popup-close-button:hover,
html[data-look="night"] body:not(#pm-n) .ca-pinpop .leaflet-popup-close-button:hover { color: var(--n-ink) !important; }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__t { color: var(--n-ink) !important; font-weight: 600 !important; }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__div { background: var(--n-line); }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__b { color: var(--n-ink-2); }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__b svg { color: var(--n-faint); }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__b:hover { background: rgb(var(--n-ov) / .05); color: var(--n-ink); }
html[data-look="night"] body:not(#pm-n) .ca-pinmenu__b:hover svg { color: var(--n-blue); }
html[data-look="night"] body:not(#pm-n) :is(.ca-pop__name, .ca-tip__name) { color: var(--n-ink); font-weight: 600; margin: 0 0 3px; }
html[data-look="night"] body:not(#pm-n) :is(.ca-pop__act, .ca-tip__act) { color: var(--n-mute); margin: 0 0 3px; }
html[data-look="night"] body:not(#pm-n) .ca-pop__date { color: var(--n-faint); font-family: var(--n-mono) !important; font-size: 11px; margin: 0 0 4px; }
html[data-look="night"] body:not(#pm-n) .ca-pop__note { color: var(--n-ink-2); margin: 0 0 6px; }
html[data-look="night"] body:not(#pm-n) :is(.ca-pop__chip, .ca-tip__chip) {
  display: inline-block; background: var(--n-blue-soft); color: var(--n-blue); font: 400 11px/1.5 var(--n-mono) !important; padding: 1px 8px; border-radius: 6px;
}

/* ── 5. the legend card over the map ──────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-overlay {
  background: var(--n-card); border: 0; border-radius: 14px;
  box-shadow: 0 0 0 1px var(--n-line), 0 18px 40px -18px var(--n-sh-p75);
}
html[data-look="night"] body:not(#pm-n) .ca-overlay__name {
  color: var(--n-ink) !important; font: 600 15px/1.25 var(--n-font) !important; letter-spacing: -.01em !important;
}
html[data-look="night"] body:not(#pm-n) .ca-overlay__sub {
  color: var(--n-faint) !important; font: 400 11.5px/1.4 var(--n-mono) !important; margin-top: 4px;
}
html[data-look="night"] body:not(#pm-n) .ca-overlay__legend { border-top: 1px solid var(--n-line); }
html[data-look="night"] body:not(#pm-n) .ca-leg { color: var(--n-ink-2) !important; font: 400 12.5px var(--n-font) !important; }
html[data-look="night"] body:not(#pm-n) .ca-leg__n { color: var(--n-faint) !important; font: 400 11.5px var(--n-mono) !important; }

/* ── 6. the Places panel ──────────────────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-card {
  background: var(--n-card); border: 1px solid var(--n-line); border-radius: 16px; box-shadow: none;
}
/* the soft fade where the list is cut off — now fading into the card */
html[data-look="night"] body:not(#pm-n) .ca-card::after { background: linear-gradient(to top, rgb(var(--n-card-rgb) / .95), rgb(var(--n-card-rgb) / 0)); }
html[data-look="night"] body:not(#pm-n) .ca-card h3 {
  color: var(--n-faint) !important; font: 400 11px/1 var(--n-mono) !important; letter-spacing: .1em !important; margin-bottom: 16px;
}
/* three counts */
html[data-look="night"] body:not(#pm-n) .ca-stat { background: var(--n-surf); border: 1px solid var(--n-line-2); border-radius: 12px; padding: 12px 6px; }
html[data-look="night"] body:not(#pm-n) .ca-stat b {
  color: var(--n-ink) !important; font: 400 22px/1 var(--n-mono) !important; letter-spacing: -.03em !important;
}
html[data-look="night"] body:not(#pm-n) .ca-stat span {
  color: var(--n-faint) !important; font: 400 9.5px/1.2 var(--n-mono) !important; letter-spacing: .1em !important; margin-top: 7px;
}
/* category tabs — quiet chips; the chosen one is the raised segment */
html[data-look="night"] body:not(#pm-n) .ca-tab {
  background: transparent; color: var(--n-mute); box-shadow: inset 0 0 0 1px var(--n-line); font: 500 12px var(--n-font) !important;
  border-radius: 8px; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
html[data-look="night"] body:not(#pm-n) .ca-tab:hover { background: var(--n-raise); color: var(--n-ink); box-shadow: inset 0 0 0 1px var(--n-line-3); }
html[data-look="night"] body:not(#pm-n) .ca-tab.is-active { background: var(--n-on); color: var(--n-ink); box-shadow: 0 0 0 1px var(--n-on-line); font-weight: 600 !important; }
html[data-look="night"] body:not(#pm-n) .ca-tab__n { font: 400 10.5px var(--n-mono) !important; opacity: 1; color: var(--n-faint); }
html[data-look="night"] body:not(#pm-n) .ca-tab.is-active .ca-tab__n { color: var(--n-mute); opacity: 1; }
/* inputs (panel search + the modal's fields) */
html[data-look="night"] body:not(#pm-n) .ca-input {
  background: var(--n-raise) !important; border: 1px solid var(--n-line) !important; color: var(--n-ink) !important; border-radius: 10px;
}
html[data-look="night"] body:not(#pm-n) .ca-input::placeholder { color: var(--n-dim) !important; }
html[data-look="night"] body:not(#pm-n) .ca-input:hover { border-color: var(--n-line-3) !important; }
html[data-look="night"] body:not(#pm-n) .ca-input:focus { border-color: rgb(var(--n-blue-rgb) / .55) !important; box-shadow: 0 0 0 3px rgb(var(--n-blue-rgb) / .14) !important; }
html[data-look="night"] body:not(#pm-n) .ca-input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.8); }
html[data-look="night"] body:not(#pm-n) .ca-input { color-scheme: dark; }
/* Log a place — the panel's primary action */
html[data-look="night"] body:not(#pm-n) .ca-addbtn {
  background: var(--n-ink); color: var(--n-bg); box-shadow: none; font-weight: 600; border-radius: 11px; transition: background-color .15s ease;
}
html[data-look="night"] body:not(#pm-n) .ca-addbtn:hover { background: var(--n-ink-hi); }
html[data-look="night"] body:not(#pm-n) #caList {
  border-top-color: var(--n-line) !important; scrollbar-color: var(--n-thumb) transparent !important;
}
html[data-look="night"] body:not(#pm-n) #caList::-webkit-scrollbar-thumb { background: var(--n-thumb); }
html[data-look="night"] body:not(#pm-n) #caList::-webkit-scrollbar-thumb:hover { background: var(--n-line-3); }

/* ── 7. place rows ────────────────────────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-place {
  background: var(--n-surf); border: 1px solid var(--n-line-2); border-radius: 12px;
}
html[data-look="night"] body:not(#pm-n) .ca-place:hover { background: var(--n-raise); border-color: var(--n-line-3); }
html[data-look="night"] body:not(#pm-n) .ca-place__n { color: var(--n-ink) !important; font: 600 13.5px/1.3 var(--n-font) !important; }
html[data-look="night"] body:not(#pm-n) .ca-place__act { color: var(--n-mute) !important; font-weight: 400 !important; }
html[data-look="night"] body:not(#pm-n) .ca-place__m { color: var(--n-faint) !important; font-weight: 400 !important; }
/* the category chip carries its colour — no rim, a touch brighter on dark */
html[data-look="night"] body:not(#pm-n) .ca-cat-chip { border-color: transparent !important; font-weight: 500; filter: brightness(1.2) saturate(.9); }
html[data-look="night"] body:not(#pm-n) .ca-place__sess { background: var(--n-raise); box-shadow: inset 0 0 0 1px var(--n-line); border-radius: 10px; }
html[data-look="night"] body:not(#pm-n) .ca-place__sess b { color: var(--n-ink) !important; font: 400 16px/1 var(--n-mono) !important; letter-spacing: -.02em !important; }
html[data-look="night"] body:not(#pm-n) .ca-place__sess span { color: var(--n-faint) !important; font: 400 8.5px/1.2 var(--n-mono) !important; letter-spacing: .1em !important; }
/* "Log again" */
html[data-look="night"] body:not(#pm-n) .ca-place__again {
  background: var(--n-blue-soft); border: 0; color: var(--n-blue); font-weight: 500;
}
html[data-look="night"] body:not(#pm-n) .ca-place__again:hover { background: rgb(var(--n-blue-rgb) / .2); }

/* ── 8. the Log-a-place / Edit modal ──────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-modal { background: var(--n-scrim-p7); }
html[data-look="night"] body:not(#pm-n) .ca-modal__card {
  background: var(--n-card); border: 0; box-shadow: var(--n-shadow-pop); border-radius: 16px; color-scheme: dark;
}
html[data-look="night"] body:not(#pm-n) .ca-modal__head { padding-bottom: 14px; border-bottom: 1px solid var(--n-line); }
html[data-look="night"] body:not(#pm-n) .ca-modal__head b { color: var(--n-ink); font: 600 16px var(--n-font); }
html[data-look="night"] body:not(#pm-n) .ca-modal__x { color: var(--n-faint); }
html[data-look="night"] body:not(#pm-n) .ca-modal__x:hover { background: var(--n-raise); color: var(--n-ink); }
html[data-look="night"] body:not(#pm-n) .ca-fld > span { color: var(--n-mute); font: 500 11.5px var(--n-font); }
/* place type */
html[data-look="night"] body:not(#pm-n) .ca-catopt {
  background: transparent; border: 0; box-shadow: inset 0 0 0 1px var(--n-line); color: var(--n-mute); transition: background-color .15s ease, color .15s ease;
}
html[data-look="night"] body:not(#pm-n) .ca-catopt:hover { background: var(--n-raise); color: var(--n-ink); box-shadow: inset 0 0 0 1px var(--n-line-3); }
html[data-look="night"] body:not(#pm-n) .ca-catopt.is-on { background: var(--n-blue-soft); color: var(--n-blue); box-shadow: inset 0 0 0 1px rgb(var(--n-blue-rgb) / .35); }
/* address suggestions */
html[data-look="night"] body:not(#pm-n) .ca-auto { background: var(--n-card); border: 0; box-shadow: var(--n-shadow-pop); border-radius: 11px; }
html[data-look="night"] body:not(#pm-n) .ca-auto__i { border-bottom: 1px solid var(--n-line-2); }
html[data-look="night"] body:not(#pm-n) .ca-auto__i:hover,
html[data-look="night"] body:not(#pm-n) .ca-auto__i.is-hi { background: var(--n-raise); color: var(--n-ink); }
html[data-look="night"] body:not(#pm-n) .ca-auto__name { color: var(--n-ink) !important; font-weight: 600 !important; }
html[data-look="night"] body:not(#pm-n) .ca-auto__meta { color: var(--n-faint) !important; font-weight: 400 !important; }
/* where the pin is */
html[data-look="night"] body:not(#pm-n) .ca-pinhint { background: var(--n-surf); border: 1px solid var(--n-line-2); color: var(--n-faint); }
html[data-look="night"] body:not(#pm-n) .ca-pinhint.is-set { background: var(--n-green-soft); border-color: rgb(var(--n-green-rgb) / .24); color: var(--n-green); }
/* Cancel / Save */
html[data-look="night"] body:not(#pm-n) .ca-modal__foot { padding-top: 14px; border-top: 1px solid var(--n-line); margin-top: 14px; }
html[data-look="night"] body:not(#pm-n) .ca-btn--ghost { background: var(--n-raise); color: var(--n-ink-2); box-shadow: inset 0 0 0 1px var(--n-line); }
html[data-look="night"] body:not(#pm-n) .ca-btn--ghost:hover { background: var(--n-hover); color: var(--n-ink); }
html[data-look="night"] body:not(#pm-n) .ca-btn--go { background: var(--n-ink); color: var(--n-bg); box-shadow: none; font-weight: 600; }
html[data-look="night"] body:not(#pm-n) .ca-btn--go:hover { background: var(--n-ink-hi); }
html[data-look="night"] body:not(#pm-n) .ca-btn--go:disabled { background: var(--n-raise); color: var(--n-dim); opacity: 1; }

/* ── 9. empty, loading, signed out ────────────────────────────────────── */
html[data-look="night"] body:not(#pm-n) .ca-list-empty {
  color: var(--n-faint) !important; border: 1px dashed var(--n-line-3); border-radius: 12px; padding: 18px 16px; text-align: center;
}
html[data-look="night"] body:not(#pm-n) .ca-denied { color: var(--n-mute); border: 1px dashed var(--n-line-3); border-radius: 16px; padding: 36px 28px; }
html[data-look="night"] body:not(#pm-n) .ca-denied h2 { color: var(--n-ink); font: 600 18px var(--n-font); letter-spacing: -.01em; }
html[data-look="night"] body:not(#pm-n) .ca-denied a { color: var(--n-blue); }

/* ── 10. phone + motion ───────────────────────────────────────────────── */
@media (max-width: 640px) {
  html[data-look="night"] body:not(#pm-n):not(.pm-embed) .ca-shell { padding: 24px 16px 48px; }
  html[data-look="night"] body:not(#pm-n) .ca-bar { flex-wrap: wrap; }
  html[data-look="night"] body:not(#pm-n) .ca-select { min-width: 0; width: 100%; }
  html[data-look="night"] body:not(#pm-n) .ca-overlay { width: auto; max-width: calc(100% - 32px); top: 12px; left: 12px; padding: 13px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-look="night"] body:not(#pm-n) :is(.ca-tab, .ca-addbtn, .ca-catopt, .leaflet-control-zoom a) { transition: none; }
}

/* ── Ember (2026-10-03) — "Where mentorship happens" in Ember: the head under an eyebrow in the app's large title, the
   family chooser and the Places panel glass cards, fields wells, the map in a glass frame (tiles and pins as they are)
   with round glass zoom keys, glass tooltips, popups and legend, the three counts tactile tiles, category tabs quiet
   pills (the chosen lit), places tactile rows, Log a place the one orange action, the modal an Ember sheet ──────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-image: var(--em-ground) !important; background-attachment: fixed !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; }

html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-eyebrow { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-h1 { color: #FFFFFF !important; font: 500 33px/37px var(--n-font) !important; letter-spacing: -1px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-sub { color: #8E95A5 !important; font: 400 15.5px/23px var(--n-font) !important; }

/* glass: the chooser and the Places panel */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-bar, .ca-card) {
  background: var(--em-glass); border: 1px solid rgba(255,255,255,.09); border-top-color: rgba(255,255,255,.14); border-bottom-color: rgba(255,255,255,.045);
  border-radius: 24px; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8);
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-card::after { background: linear-gradient(to top, rgba(32,33,36,.92), rgba(32,33,36,0)); border-radius: 0 0 24px 24px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-bar label, .ca-card h3) { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
/* fields: wells */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input) { background-color: rgba(0,0,0,.28) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(0,0,0,.5) !important; border-radius: 14px; color: #FFFFFF !important; caret-color: #FF6A1F; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-select { min-height: 44px; font-weight: 500; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input):hover { border-color: rgba(255,255,255,.14) !important; border-top-color: rgba(0,0,0,.5) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input):focus { border-color: rgba(255,138,76,.55) !important; box-shadow: 0 0 0 4px rgba(255,106,31,.12) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-input::placeholder { color: #6B7080 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-select option { background: #1C1D20; color: #FFFFFF; }

/* the map: a glass frame; round glass keys; glass labels and popups (tiles and pins as they are) */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-map { background: #1E1F22; border-color: rgba(255,255,255,.1); border-top-color: rgba(255,255,255,.16); border-radius: 24px; box-shadow: 0 22px 40px -24px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom { border: 0 !important; border-radius: 999px !important; overflow: hidden; background: linear-gradient(180deg, #2C2D31, #222326) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.17), 0 10px 22px -10px rgba(0,0,0,.85) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a { width: 38px !important; height: 38px !important; line-height: 38px !important; background: transparent !important; color: #E6E7EA !important; border: 0 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a + a { box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a:hover { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a.leaflet-disabled { color: #6B7080 !important; background: transparent !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-attribution { background: rgba(23,24,27,.72) !important; color: #8E95A5 !important; border-radius: 999px 0 0 0; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-attribution a { color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-zoomhint { background: rgba(28,29,32,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #FFFFFF; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 14px 30px -12px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-tooltip, .leaflet-tooltip.ca-tip) { background: rgba(28,29,32,.9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: #FFFFFF; border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 14px 30px -12px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-top::before { border-top-color: rgba(28,29,32,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-bottom::before { border-bottom-color: rgba(28,29,32,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-left::before { border-left-color: rgba(28,29,32,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-right::before { border-right-color: rgba(28,29,32,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-content-wrapper, .ca-pinpop .leaflet-popup-content-wrapper) { background: rgba(28,29,32,.9); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); color: #E6E7EA; border-radius: 20px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.14), 0 24px 48px -20px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-tip, .ca-pinpop .leaflet-popup-tip) { background: rgba(28,29,32,.9); box-shadow: none; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-close-button, .ca-pinpop .leaflet-popup-close-button) { color: #A0A5B1 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__t { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__div { background: rgba(255,255,255,.08); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b { color: #E6E7EA; border-radius: 12px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b svg { color: #A0A5B1; }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b:hover { background: rgba(255,255,255,.06); color: #FFFFFF; } P .ca-pinmenu__b:hover svg { color: #FF8A4C; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__name, .ca-tip__name) { color: #FFFFFF; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__act, .ca-tip__act) { color: #A0A5B1; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pop__date { color: #8E95A5; font-family: var(--n-font) !important; font-size: 12px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pop__note { color: #E6E7EA; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__chip, .ca-tip__chip) { background: rgba(255,255,255,.08); color: #E6E7EA; font: 600 10.5px/1.6 var(--n-font) !important; letter-spacing: .6px; border-radius: 999px; padding: 1px 9px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
/* the legend card */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay { background: rgba(28,29,32,.92); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); border-radius: 20px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.14), 0 24px 48px -20px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__name { color: #FFFFFF !important; font: 600 16px/1.25 var(--n-font) !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__sub { color: #8E95A5 !important; font: 400 12.5px/1.4 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__legend { border-top: 1px solid rgba(255,255,255,.08); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-leg { color: #E6E7EA !important; font: 400 13px var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-leg__n { color: #8E95A5 !important; font: 500 12px var(--n-font) !important; }

/* the three counts: tactile tiles */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat { background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.07); border-top-color: rgba(0,0,0,.4); border-radius: 18px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat b { color: #FFFFFF !important; font: 500 26px/1 var(--n-font) !important; letter-spacing: -.8px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat span { color: #8E95A5 !important; font: 500 10px/1.2 var(--n-font) !important; letter-spacing: 1.4px !important; }
/* category tabs: quiet pills, the chosen lit */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab { height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.05); color: #A0A5B1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.06); font: 500 13px var(--n-font) !important; transition: background-color .18s var(--em-ease), color .18s var(--em-ease), transform .18s var(--em-ease); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab:not(.is-active):hover { background: rgba(255,255,255,.09); color: #FFFFFF; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab:active { transform: scale(.95); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab.is-active { background: var(--em-key-on); color: #FFFFFF; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.12), 0 6px 14px -8px rgba(0,0,0,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab__n { font: 500 11.5px var(--n-font) !important; color: #8E95A5; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab.is-active .ca-tab__n { color: #FF8A4C; }
/* Log a place: the one orange action */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-addbtn { min-height: 46px; border-radius: 999px; background: var(--em-or-fill); color: #FFFFFF; font-size: 15px; letter-spacing: -.2px; box-shadow: var(--em-or-shadow); transition: transform .18s var(--em-ease), filter .18s var(--em-ease); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-addbtn:hover { background: var(--em-or-fill); filter: brightness(1.06); transform: translateY(-1px); } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-addbtn:active { transform: scale(.95); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) #caList { border-top-color: rgba(255,255,255,.07) !important; scrollbar-color: #3A3B40 transparent !important; }
/* places: tactile rows */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; transition: background-color .18s var(--em-ease), border-color .18s var(--em-ease); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__n { color: #FFFFFF !important; font: 600 15px/1.3 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__act { color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__m { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-cat-chip { background: rgba(255,255,255,.07) !important; color: #E6E7EA !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); filter: none; font-weight: 600; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess { background: rgba(0,0,0,.24); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); border-radius: 14px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess b { color: #FFFFFF !important; font: 600 16px/1 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess span { color: #8E95A5 !important; font: 500 9px/1.2 var(--n-font) !important; letter-spacing: .8px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__again { border-radius: 999px; background: rgba(255,255,255,.06); color: #E6E7EA; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.06); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__again:hover { background: rgba(255,255,255,.1); color: #FFFFFF; } }

/* the modal: an Ember sheet */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal { background: rgba(0,0,0,.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__card { background: #1C1D20; border-radius: 26px; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(255,255,255,.08), 0 40px 80px -24px rgba(0,0,0,.9); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__head { border-bottom: 1px solid rgba(255,255,255,.07); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__head b { color: #FFFFFF; font: 600 20px var(--n-font); letter-spacing: -.4px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__x { width: 32px; height: 32px; border-radius: 50%; background: var(--em-key); color: #E6E7EA; box-shadow: 0 0 0 1px rgba(255,255,255,.11), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(0,0,0,.85); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__x:hover { background: var(--em-key-on); color: #FFFFFF; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-fld > span { color: #FFFFFF; font: 600 14px var(--n-font); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt { border-radius: 999px; background: rgba(255,255,255,.05); color: #A0A5B1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt:not(.is-on):hover { background: rgba(255,255,255,.09); color: #FFFFFF; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt.is-on { background: var(--em-key-on); color: #FFFFFF; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,138,76,.55), 0 0 0 3px rgba(255,106,31,.12); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto { background: #1C1D20 linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 40%); border-radius: 18px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(0,0,0,.85); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__i { border-bottom: 1px solid rgba(255,255,255,.06); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-auto__i:hover, .ca-auto__i.is-hi) { background: rgba(255,255,255,.06); color: #FFFFFF; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__name { color: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__meta { color: #8E95A5 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinhint { background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.07); border-radius: 14px; color: #8E95A5; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinhint.is-set { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.14); color: #FFFFFF; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__foot { border-top: 1px solid rgba(255,255,255,.07); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--ghost { min-height: 44px; border-radius: 999px; background: rgba(255,255,255,.06); color: #E6E7EA; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.08); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--ghost:hover { background: rgba(255,255,255,.1); color: #FFFFFF; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go { min-height: 44px; border-radius: 999px; background: var(--em-or-fill); color: #FFFFFF; box-shadow: var(--em-or-shadow); }
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go:not(:disabled):hover { background: var(--em-or-fill); filter: brightness(1.06); } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go:disabled { background: var(--em-or-fill); color: #FFFFFF; opacity: .45; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-btn--ghost, .ca-btn--go):not(:disabled):active { transform: scale(.95); }

/* empty and signed out */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-list-empty { color: #8E95A5 !important; border: 1px dashed rgba(255,255,255,.14); border-radius: 18px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied { color: #A0A5B1; background: var(--em-glass); border: 1px dashed rgba(255,255,255,.14); border-radius: 24px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied h2 { color: #FFFFFF; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied a { color: #FF8A4C; }

/* ── Ember · phone and iPad portrait (2026-10-03) — the phone (browser and the installed app): a 16px gutter; the floating
   language key moves to the right in the browser (it sat on the menu key) and is not drawn in the installed app (it sat on
   the Today tab; no other page of the staff app has one); the map 360px tall with its name card slimmer and its zoom keys 44px; the counts three
   small wells; the category chips 44px with 13px counts; Log a place the full-width orange capsule; the search a 16px
   well; the Log / edit place window a bottom sheet with a grab handle. ─────────────────────────────────────────── */
@keyframes caEmSheetUp { from { transform: translateY(28px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 900px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .pmlang--float { left: auto !important; right: 16px !important; bottom: 16px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .pmlang--float .pmlang__menu { left: auto !important; right: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3):has(.ca-modal:not([hidden])) .pmlang--float { display: none !important; }   /* never over an open window's buttons */
  html.pm-sapp[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .pmlang--float { display: none !important; }   /* as on every other page of the staff app, which has no language key */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]):not(.pm-sapp) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-shell { padding-bottom: 104px !important; }
}
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]):not(.pm-sapp) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-shell { padding: 22px 16px 104px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-h { font-size: 30px !important; letter-spacing: -.8px !important; line-height: 1.12 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-card { padding: 18px !important; border-radius: 22px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) :is(.ca-select, .ca-input, .ca-search input, .ca-search) { font-size: 16px !important; min-height: 48px; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-mapwrap { border-radius: 22px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-map { height: 360px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-overlay { top: 12px !important; left: 12px !important; width: auto !important; max-width: calc(100% - 24px); padding: 12px 14px !important; border-radius: 16px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-overlay__sub { font-size: 13px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-overlay__legend:empty { display: none; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .leaflet-bar a { width: 44px !important; height: 44px !important; line-height: 44px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-stat span { font-size: 11px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-tabs { gap: 8px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-tab { height: 44px !important; padding: 0 16px !important; font-size: 15px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-tab__n { font-size: 13px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-addbtn { width: 100%; height: 50px !important; font-size: 16.5px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-list-empty { font-size: 14px !important; border-radius: 18px !important; }
  /* the Log / edit window: a bottom sheet */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal { align-items: flex-end !important; padding: 0 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__card {
    position: relative; max-width: none !important; width: 100% !important; max-height: calc(100dvh - 28px) !important; box-sizing: border-box;
    border-radius: 26px 26px 0 0 !important; padding: 30px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important; animation: caEmSheetUp .34s var(--em-ease) both;
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__card::before {
    content: ""; position: absolute; top: 9px; left: 50%; width: 38px; height: 5px; margin-left: -19px; border-radius: 3px; background: rgba(255,255,255,.22);
  }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__x { width: 36px !important; height: 36px !important; border-radius: 999px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__card :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px !important; min-height: 48px; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__foot { flex-direction: column-reverse; gap: 10px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__foot .ca-btn { width: 100%; height: 48px !important; font-size: 16px !important; justify-content: center; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__card { animation: none; }
}

/* ══ EMBER LIGHT — GENERATED by tools/gen-ember-light.py from the Ember rules above; do not hand-edit ══ */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) { background-image:var(--em-ground) !important; background-attachment:fixed !important; background-size:100% 100% !important; background-repeat:no-repeat !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-eyebrow { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-h1 { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-sub { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-bar, .ca-card) { background:var(--em-glass); border:1px solid rgba(17,19,24,.076); border-top-color:rgba(17,19,24,.119); border-bottom-color:rgba(17,19,24,.06); box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-card::after { background:linear-gradient(to top, rgba(255,255,255,.97), rgba(32,33,36,0)); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-bar label, .ca-card h3) { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input) { background-color:rgba(17,19,24,.05) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.125) !important; color:#111318 !important; caret-color:#E5540F; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input):hover { border-color:rgba(17,19,24,.119) !important; border-top-color:rgba(17,19,24,.125) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-select, .ca-input):focus { border-color:rgba(229,84,15,.44) !important; box-shadow:0 0 0 4px rgba(255,106,31,.066) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-input::placeholder { color:#8A90A0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-select option { background:#FFFFFF; color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-map { background:#FFFFFF; border-color:rgba(17,19,24,.085); border-top-color:rgba(17,19,24,.136); box-shadow:0 22px 40px -24px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom { border:0 !important; background:linear-gradient(180deg, #F7F8FA, #FFFFFF) !important; box-shadow:0 0 0 1px rgba(17,19,24,.108), inset 0 1px 0 rgba(255,255,255,.17), 0 10px 22px -10px rgba(17,19,24,.187) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a { background:transparent !important; color:#2A2D35 !important; border:0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a + a { box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a.leaflet-disabled { color:#8A90A0 !important; background:transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-attribution { background:rgba(255,255,255,.916) !important; color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-attribution a { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-zoomhint { background:rgba(255,255,255,.958); backdrop-filter:blur(14px); color:#111318; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), 0 14px 30px -12px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-tooltip, .leaflet-tooltip.ca-tip) { background:rgba(255,255,255,.97); backdrop-filter:blur(14px); color:#111318; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), 0 14px 30px -12px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-top::before { border-top-color:rgba(17,19,24,.14); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-bottom::before { border-bottom-color:rgba(17,19,24,.14); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-left::before { border-left-color:rgba(17,19,24,.14); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-tooltip-right::before { border-right-color:rgba(17,19,24,.14); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-content-wrapper, .ca-pinpop .leaflet-popup-content-wrapper) { background:rgba(255,255,255,.97); backdrop-filter:blur(18px) saturate(1.3); color:#2A2D35; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.14), 0 24px 48px -20px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-tip, .ca-pinpop .leaflet-popup-tip) { background:rgba(255,255,255,.97); box-shadow:none; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.leaflet-popup-close-button, .ca-pinpop .leaflet-popup-close-button) { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__t { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__div { background:rgba(17,19,24,.048); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b { color:#2A2D35; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b svg { color:#5A606E; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__name, .ca-tip__name) { color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__act, .ca-tip__act) { color:#5A606E; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pop__date { color:#646B7A; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pop__note { color:#2A2D35; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-pop__chip, .ca-tip__chip) { background:rgba(17,19,24,.048); color:#2A2D35; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay { background:rgba(255,255,255,.97); backdrop-filter:blur(18px) saturate(1.3); box-shadow:inset 0 0 0 1px rgba(17,19,24,.09), inset 0 1px 0 rgba(255,255,255,.14), 0 24px 48px -20px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__sub { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-overlay__legend { border-top:1px solid rgba(17,19,24,.068); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-leg { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-leg__n { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat { background:rgba(17,19,24,.036); border:1px solid rgba(17,19,24,.06); border-top-color:rgba(17,19,24,.1); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat b { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-stat span { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab { background:rgba(17,19,24,.04); color:#5A606E; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.06); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab.is-active { background:var(--em-key-on); color:#111318; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(17,19,24,.108), 0 6px 14px -8px rgba(17,19,24,.198); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab__n { color:#646B7A; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab.is-active .ca-tab__n { color:#E5540F; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-addbtn { background:var(--em-or-fill); color:#FFFFFF; box-shadow:var(--em-or-shadow); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) #caList { border-top-color:rgba(17,19,24,.06) !important; scrollbar-color:#3A3B40 transparent !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place { background:rgba(17,19,24,.04); border:1px solid rgba(17,19,24,.068); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__n { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__act { color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__m { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-cat-chip { background:rgba(17,19,24,.042) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081); filter:none; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess { background:rgba(17,19,24,.043); box-shadow:inset 0 0 0 1px rgba(17,19,24,.063); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess b { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__sess span { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__again { background:rgba(17,19,24,.04); color:#2A2D35; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.06); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal { background:rgba(17,19,24,.275); backdrop-filter:blur(10px); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__card { background:#FFFFFF; box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(17,19,24,.072), 0 40px 80px -24px rgba(17,19,24,.198); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__head { border-bottom:1px solid rgba(17,19,24,.06); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__head b { color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__x { background:var(--em-key); color:#2A2D35; box-shadow:0 0 0 1px rgba(17,19,24,.099), inset 0 1px 0 rgba(255,255,255,.17), 0 8px 16px -8px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-fld > span { color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt { background:rgba(17,19,24,.04); color:#5A606E; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt.is-on { background:var(--em-key-on); color:#111318; box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,138,76,.303), 0 0 0 3px rgba(255,106,31,.066); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto { background:#FFFFFF linear-gradient(180deg, rgba(255,255,255,.675), rgba(255,255,255,0) 40%); box-shadow:inset 0 0 0 1px rgba(17,19,24,.072), inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -24px rgba(17,19,24,.187); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__i { border-bottom:1px solid rgba(17,19,24,.06); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) :is(.ca-auto__i:hover, .ca-auto__i.is-hi) { background:rgba(17,19,24,.035); color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-auto__meta { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinhint { background:rgba(17,19,24,.04); border:1px solid rgba(17,19,24,.06); color:#646B7A; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinhint.is-set { background:rgba(17,19,24,.042); border-color:rgba(17,19,24,.119); color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__foot { border-top:1px solid rgba(17,19,24,.06); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--ghost { background:rgba(17,19,24,.04); color:#2A2D35; box-shadow:inset 0 0 0 1px rgba(17,19,24,.081), inset 0 1px 0 rgba(255,255,255,.08); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go { background:var(--em-or-fill); color:#FFFFFF; box-shadow:var(--em-or-shadow); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go:disabled { background:var(--em-or-fill); color:#FFFFFF; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-list-empty { color:#646B7A !important; border:1px dashed rgba(17,19,24,.119); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied { color:#5A606E; background:var(--em-glass); border:1px dashed rgba(17,19,24,.119); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied h2 { color:#111318; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-denied a { color:#E5540F; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .leaflet-control-zoom a:hover { background:rgba(17,19,24,.04) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-pinmenu__b:hover { background:rgba(17,19,24,.035); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-tab:not(.is-active):hover { background:rgba(17,19,24,.045); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-addbtn:hover { background:var(--em-or-fill); filter:brightness(1.06); }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place:hover { background:rgba(17,19,24,.035); border-color:rgba(17,19,24,.102); }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-place__again:hover { background:rgba(17,19,24,.05); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-modal__x:hover { background:var(--em-key-on); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-catopt:not(.is-on):hover { background:rgba(17,19,24,.045); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--ghost:hover { background:rgba(17,19,24,.05); color:#111318; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2) .ca-btn--go:not(:disabled):hover { background:var(--em-or-fill); filter:brightness(1.06); }
}
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-modal__card::before { background:rgba(17,19,24,.22); }
}
/* ══ end EMBER LIGHT (generated) ══ */


/* ── Ember Light — by hand (2026-10-03) — the date field's calendar mark stays dark on its light well (Dark inverts it) */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e):not(#pm-e2):not(#pm-e3) .ca-input[type="date"]::-webkit-calendar-picker-indicator { filter: none !important; opacity: .55; }