/* embed.css — Events inside Command (https://command.shinigami.lan frames us as /?embed=1).
   Contract: projects/command/docs/app-tabs.md. EVERY rule below is scoped under html[data-embed],
   which the head script in index.html sets only when framed / ?embed=1, so the app looks exactly
   the same outside Command. Nothing in style.css is edited; this file only re-points its palette
   (the app themes itself through custom properties) at Command's tokens and hides the brand chrome.
   What stays: the event switcher, Unlock/menu buttons and the section tabs — Events has no other
   way to unlock or change event, and Command's tab strip replaces only the brand + footer. */

/* ---- Command tokens (app.css :root). Light = enamel; dark = bakelite. -------------------------- */
html[data-embed] {
  --e-ground:#e4e6df; --e-panel:#f3f4ef; --e-ink:#1d1a16; --e-ink-2:#5b574e;
  --e-brass:#80621a; --e-brass-ink:#fffaf0; --e-work:#c97f00; --e-idle:#2d8447; --e-cord:#b23a26;
  --e-rule:#c6c8bf; --e-field:#ffffff; --e-sel:#e9dcb6;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  html[data-embed]:not([data-embed-theme="light"]) {
    --e-ground:#16110d; --e-panel:#211a14; --e-ink:#efe3c8; --e-ink-2:#a8977a;
    --e-brass:#c9a24a; --e-brass-ink:#1a140e; --e-work:#ffb238; --e-idle:#63c47f; --e-cord:#d65a41;
    --e-rule:#3a3026; --e-field:#17120e; --e-sel:#3b2f1f;
    color-scheme: dark;
  }
}
html[data-embed][data-embed-theme="dark"] {
  --e-ground:#16110d; --e-panel:#211a14; --e-ink:#efe3c8; --e-ink-2:#a8977a;
  --e-brass:#c9a24a; --e-brass-ink:#1a140e; --e-work:#ffb238; --e-idle:#63c47f; --e-cord:#d65a41;
  --e-rule:#3a3026; --e-field:#17120e; --e-sel:#3b2f1f;
  color-scheme: dark;
}

/* ---- the app's own palette, re-pointed. body[data-theme=…] (per-event colours) is out-ranked. --- */
html[data-embed] body,
html[data-embed] body[data-theme] {
  --pine-900: var(--e-ground); --pine-800: var(--e-ink); --pine-700: var(--e-brass); --pine-600: var(--e-brass);
  --moss: var(--e-idle);
  --paper: var(--e-panel); --paper-2: color-mix(in srgb, var(--e-ink) 7%, var(--e-panel));
  --bark: var(--e-ink); --ink: var(--e-ink); --ink-soft: var(--e-ink-2); --sky: var(--e-ink-2);
  --ember: var(--e-brass); --ember-2: var(--e-brass); --btn-ink: var(--e-brass-ink);
  --line: var(--e-rule); --danger: var(--e-cord);
  --shadow: none; --radius: 0;
  --bg-a: var(--e-ground); --bg-b: var(--e-ground); --bg-c: var(--e-ground);
  --ridge-1: transparent; --ridge-2: transparent; --topbar-bg: var(--e-panel);
  --se-cream: var(--e-ink); --se-cream-soft: var(--e-ink-2);
  font-family: "Red Hat Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--e-ground);
  color: var(--e-ink);
  transition: none;
}
html[data-embed] { background: var(--e-ground); }

/* ---- hard-coded surfaces / text / borders re-pointed (generated; the manual rules below win ties) ---- */
/* ==== GENERATED by tools/gen-embed-palette.py — do not edit by hand ==== */
html[data-embed] input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] textarea { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .btn-ghost { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .btn-ghost.danger { border-color: light-dark(#e8c4bb, var(--e-rule)); }
html[data-embed] .btn-ghost.danger:hover { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .rsvp-no { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .santa-card { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .santa-card.assign { border-color: light-dark(#e6d2a8, var(--e-rule)); }
html[data-embed] .wl-item { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-thumb { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-claim { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-buy { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-selfbuy { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-selfbuy.on { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .wl-acquired { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .wl-got { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-relist { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-got:hover { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .wl-reveal.got { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .wl-reveal-toggle { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wls-plate .wl-thumb { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wls-tag { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-budget { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sleigh-n { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sleigh-row { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sleigh-art img { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sleigh-buy { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sleigh-buy:hover { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .sleigh-buy.on { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .wl-refresh { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .bdg.tier-bronze { border-color: light-dark(#e2b98a, var(--e-rule)); }
html[data-embed] .bdg.tier-silver { border-color: light-dark(#b9c4cf, var(--e-rule)); }
html[data-embed] .bdg.tier-gold { border-color: light-dark(#e6c65a, var(--e-rule)); }
html[data-embed] .wl-search { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-sort { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-add-single input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlp-title { color: var(--e-ink); }
html[data-embed] .wlp-who { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlp-count { color: var(--e-ink); }
html[data-embed] .wlp-sub { color: var(--e-ink); }
html[data-embed] .wlh-row { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlh-chip.new { background-color: light-dark(#fdf3d8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlh-chip.new { border-color: light-dark(#eddfae, var(--e-rule)); }
html[data-embed] .wlh-chip.mine { background-color: light-dark(#e7f0e7, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlh-chip.mine { border-color: light-dark(#cfe0cf, var(--e-rule)); }
html[data-embed] .wlh-chip.got { background-color: light-dark(#e3ecf3, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wlh-chip.got { border-color: light-dark(#cbdce9, var(--e-rule)); }
html[data-embed] .wlh-fam { color: var(--e-ink); }
html[data-embed] .wlp-back { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] #wishlist-mount .wl-empty { color: var(--e-ink); }
html[data-embed] #wishlist-mount .wl-hint { color: var(--e-ink); }
html[data-embed] #wishlist-mount .wl-reveal-note { color: var(--e-ink); }
html[data-embed] .plc { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .plc .pl-undo:hover { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .person { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .person.coming { border-color: light-dark(#cfe0cf, var(--e-rule)); }
html[data-embed] .dish-row:not(.add) { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .dish-line2 .dish-who-sel:focus { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sa-sec-head { color: var(--e-ink); }
html[data-embed] .sa-count { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .sa-count { color: var(--e-ink); }
html[data-embed] .sa-chip { background-color: color-mix(in srgb, var(--e-ink) 12%, transparent); }
html[data-embed] .sa-chip { color: var(--e-ink); }
html[data-embed] .sa-chip.lead { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .sa-progress .sp-bar { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .sa-progress .sp-cap { color: var(--e-ink); }
html[data-embed] .wl-hint { color: var(--e-ink-2); }
html[data-embed] .sa-person { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sa-person.mine { background-color: light-dark(#fff7ee, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .pf-prefs { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .peek-badge.priv { background-color: light-dark(#ddd5ea, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .peek-badge.priv { color: light-dark(#4a3a5c, var(--e-ink)); }
html[data-embed] .enter-code { background-color: color-mix(in srgb, var(--e-ink) 6%, transparent); }
html[data-embed] .ec-label { color: var(--e-ink); }
html[data-embed] .ec-form input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ac-form input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-linkcard { border-color: light-dark(#e6c87a, var(--e-rule)); }
html[data-embed] .wl-editing { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wl-edit-grid input { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .browse-card.my-person { border-color: light-dark(#e6c87a, var(--e-rule)); }
html[data-embed] .avatar.init[data-c="0"] { background-color: light-dark(#cfe0e6, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .avatar.init[data-c="1"] { background-color: light-dark(#e7d6b8, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .avatar.init[data-c="2"] { background-color: light-dark(#d8e6cf, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .avatar.init[data-c="3"] { background-color: light-dark(#f0d7c4, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .avatar.init[data-c="4"] { background-color: light-dark(#ddd5ea, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .avatar.init[data-c="5"] { background-color: light-dark(#f2cfca, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .prof-field input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .seg-btn.on { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .contact-count { color: var(--e-ink-2); }
html[data-embed] .contact-group-head { color: var(--e-ink); }
html[data-embed] .contact-row { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-actor { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-actor.on .sa-count { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .le-undo { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .le-undo { border-color: light-dark(#e8c4bb, var(--e-rule)); }
html[data-embed] .st-h { color: var(--e-ink); }
html[data-embed] .st-note { color: var(--e-ink-2); }
html[data-embed] .ph-group { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-view { background-color: color-mix(in srgb, var(--e-ink) 8%, transparent); }
html[data-embed] .log-view { color: var(--e-ink); }
html[data-embed] .dossier.warn { border-color: light-dark(#e8c4bb, var(--e-rule)); }
html[data-embed] .bday-card { border-color: light-dark(#e6c87a, var(--e-rule)); }
html[data-embed] .notif-reason { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tt-name.has-switcher { background-color: color-mix(in srgb, var(--e-ink) 9%, transparent); }
html[data-embed] .tt-name.has-switcher:hover { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .tt-name.has-switcher:active { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .tt-name.has-switcher[aria-expanded="true"] { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .event-details { color: var(--e-ink); }
html[data-embed] .evd-loc { color: var(--e-ink); }
html[data-embed] .evd-cd.ended { color: var(--e-ink-2); }
html[data-embed] .evd-share { background-color: color-mix(in srgb, var(--e-ink) 10%, transparent); }
html[data-embed] .evd-share { color: var(--e-ink); }
html[data-embed] .evd-share:hover { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .whoami { color: var(--e-ink); }
html[data-embed] .topbar .btn-ghost { background-color: color-mix(in srgb, var(--e-ink) 8%, transparent); }
html[data-embed] .topbar .btn-ghost:hover { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .drawer-signout { border-color: light-dark(#e8c4bb, var(--e-rule)); }
html[data-embed] .drawer-signout:hover { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .section-head h2 { color: var(--e-ink); }
html[data-embed] .summary-head h2 { color: var(--e-ink); }
html[data-embed] .section-sub { color: var(--e-ink-2); }
html[data-embed] .day-label { color: var(--e-ink-2); }
html[data-embed] .meal.mine { background-color: light-dark(#f0f4e9, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .roster-diet { background-color: light-dark(#fbeede, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .timepick-btn { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .timepick-pop { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tp-chip { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tbd-divider { color: var(--e-ink-2); }
html[data-embed] .trip-list-empty { color: var(--e-ink-2); }
html[data-embed] .past-toggle { color: var(--e-ink-2); }
html[data-embed] .past-toggle:hover { color: var(--e-ink); }
html[data-embed] .past-count { background-color: color-mix(in srgb, var(--e-ink) 14%, transparent); }
html[data-embed] .past-count { color: var(--e-ink); }
html[data-embed] select { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .prev-chip { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .who-chip { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .who-chip.add { border-color: light-dark(#f0c79e, var(--e-rule)); }
html[data-embed] .who-chip.who-new { border-color: light-dark(#f0c79e, var(--e-rule)); }
html[data-embed] .m-you { background-color: light-dark(#e1ecdb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .checkmark { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .m-guest { background-color: light-dark(#efe1cf, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .role-pill { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .role-pill.child { background-color: light-dark(#fbeede, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .role-pill.child { border-color: light-dark(#f0d3b8, var(--e-rule)); }
html[data-embed] .roster-count { background-color: light-dark(#e9f0e4, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .quantity-box { background-color: light-dark(#eef4e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .quantity-box { border-color: light-dark(#d6e4cc, var(--e-rule)); }
html[data-embed] .qty-grid > div { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .land-card.know { background-color: light-dark(#fbf3e6, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .land-card.know { border-color: light-dark(#f0e2c8, var(--e-rule)); }
html[data-embed] .final-cta h2 { color: var(--e-ink); }
html[data-embed] .fam-count { background-color: light-dark(#e9f0e4, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .person.coming { background-color: light-dark(#f1f6ec, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-box { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-you { background-color: light-dark(#e1ecdb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type.child { background-color: light-dark(#fbeede, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type.child { border-color: light-dark(#f0d3b8, var(--e-rule)); }
html[data-embed] .p-type.fun { background-color: light-dark(#f1eafb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type.cat { background-color: light-dark(#f1eafb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type.dog { background-color: light-dark(#f1eafb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .p-type.fun { color: light-dark(#8a5cc4, var(--e-ink)); }
html[data-embed] .p-type.cat { color: light-dark(#8a5cc4, var(--e-ink)); }
html[data-embed] .p-type.dog { color: light-dark(#8a5cc4, var(--e-ink)); }
html[data-embed] .p-type.fun { border-color: light-dark(#ddc9f5, var(--e-rule)); }
html[data-embed] .p-type.cat { border-color: light-dark(#ddc9f5, var(--e-rule)); }
html[data-embed] .p-type.dog { border-color: light-dark(#ddc9f5, var(--e-rule)); }
html[data-embed] .p-x:hover { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .ov-chip { background-color: light-dark(#eef4e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ov-chip.kid { background-color: light-dark(#fbeede, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ov-chip.pet { background-color: light-dark(#f1eafb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ov-chip.pet { color: light-dark(#8a5cc4, var(--e-ink)); }
html[data-embed] .ai-btn { background-color: light-dark(#eef4e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ai-btn { border-color: light-dark(#b8d0ac, var(--e-rule)); }
html[data-embed] .ai-btn:hover { background-color: light-dark(#e4eedb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ai-result { background-color: light-dark(#fbf6ec, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ai-result { border-color: light-dark(#ecdcc0, var(--e-rule)); }
html[data-embed] .ai-cta { background-color: light-dark(#eef4e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .ai-cta { border-color: light-dark(#cfe0c5, var(--e-rule)); }
html[data-embed] .tb-name { color: var(--e-ink); }
html[data-embed] .tb-meta { color: var(--e-ink-2); }
html[data-embed] .tb-meta #tb-title { color: var(--e-ink); }
html[data-embed] .panel-intro { color: var(--e-ink-2); }
html[data-embed] .panel-intro b { color: var(--e-ink); }
html[data-embed] .wx-day { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .wx-day.night { background-color: light-dark(#f2f0ea, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .slot-when { color: var(--e-ink); }
html[data-embed] .slot-time { color: var(--e-ink-2); }
html[data-embed] .slot-open:hover { background-color: color-mix(in srgb, var(--e-ink) 5%, transparent); }
html[data-embed] .slot-open .open-tag { color: var(--e-ink-2); }
html[data-embed] .sched-unassigned { color: var(--e-ink-2); }
html[data-embed] .ed-remove-fam { border-color: light-dark(#e8c4bb, var(--e-rule)); }
html[data-embed] .ed-remove-fam:hover { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .add-family-btn { color: var(--e-ink); }
html[data-embed] .add-family-btn:hover { background-color: color-mix(in srgb, var(--e-ink) 6%, transparent); }
html[data-embed] .return-bar { color: var(--e-ink); }
html[data-embed] .loc-whose select { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .contrib-add { color: var(--e-ink); }
html[data-embed] .contrib-card.safety { background-color: light-dark(#fbf3e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .contrib-curated-label { color: var(--e-ink-2); }
html[data-embed] #logs-list { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .slot-last { color: var(--e-ink-2); }
html[data-embed] .slot-last-fam { color: var(--e-ink); }
html[data-embed] .meal-history { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tw-day { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tw-rain { color: light-dark(#3a78b5, var(--e-ink)); }
html[data-embed] .log-cat.cat-visit { background-color: light-dark(#e8f0fa, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-cat.cat-visit { color: light-dark(#3a6ea5, var(--e-ink)); }
html[data-embed] .log-cat.cat-visit { border-color: light-dark(#cfe0f3, var(--e-rule)); }
html[data-embed] .log-cat.cat-edit { background-color: light-dark(#eef5e9, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-cat.cat-edit { border-color: light-dark(#d8e8cf, var(--e-rule)); }
html[data-embed] .log-cat.cat-unlock { background-color: light-dark(#f1eafb, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-cat.cat-unlock { color: light-dark(#8a5cc4, var(--e-ink)); }
html[data-embed] .log-cat.cat-unlock { border-color: light-dark(#ddc9f5, var(--e-rule)); }
html[data-embed] .log-cat.cat-fail { background-color: light-dark(#f9e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .log-cat.cat-fail { border-color: light-dark(#f0cfc4, var(--e-rule)); }
html[data-embed] .ai-ideas-label { color: var(--e-ink-2); }
html[data-embed] .ai-idea-head:hover { background-color: light-dark(#f1f6ec, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .lv-badge.b-bot { background-color: light-dark(#f5efd8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .lv-badge.b-bot { color: light-dark(#7a6a36, var(--e-ink)); }
html[data-embed] .lv-badge.b-bot { border-color: light-dark(#e5dab2, var(--e-rule)); }
html[data-embed] .lv-badge.b-dc { background-color: light-dark(#e8f0fa, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .lv-badge.b-dc { color: light-dark(#3a6ea5, var(--e-ink)); }
html[data-embed] .lv-badge.b-dc { border-color: light-dark(#cfe0f3, var(--e-rule)); }
html[data-embed] .lv-badge.b-sus { background-color: light-dark(#f9e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .lv-badge.b-sus { border-color: light-dark(#f0cfc4, var(--e-rule)); }
html[data-embed] .le-undo:hover { background-color: light-dark(#eef5e9, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-row:hover { background-color: light-dark(#f1f6ec, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-row[aria-expanded="true"] { background-color: light-dark(#f1f6ec, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .log-detail { background-color: light-dark(#f7f9f3, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .event-details-card { background-color: light-dark(#eaf2f5, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .event-details-card { border-color: light-dark(#cfe0e6, var(--e-rule)); }
html[data-embed] .event-details-card .edc-head { color: light-dark(#356781, var(--e-ink)); }
html[data-embed] .pl-row { background-color: light-dark(#fffdf7, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .pl-add-name { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .funds-empty { color: var(--e-ink-2); }
html[data-embed] .se-item { background-color: color-mix(in srgb, var(--e-ink) 5%, transparent); }
html[data-embed] .se-add input::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-add textarea::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-key-row input::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-ask-row input::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-msg { background-color: color-mix(in srgb, var(--e-ink) 5%, transparent); }
html[data-embed] .se-ab-badge { color: light-dark(#1c1509, var(--e-ink)); }
html[data-embed] .se-cartbox input::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-url-row input::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .se-rv-note::placeholder { color: light-dark(#6f6753, var(--e-ink)); }
html[data-embed] .adm-verdict { background-color: light-dark(#eef4e8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-verdict { border-color: light-dark(#cfe0cf, var(--e-rule)); }
html[data-embed] .adm-verdict.note { background-color: light-dark(#fdf3d8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-verdict.note { border-color: light-dark(#eddfae, var(--e-rule)); }
html[data-embed] .adm-verdict.warn { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .adm-verdict.warn { border-color: light-dark(#e8c4b8, var(--e-rule)); }
html[data-embed] .adm-ok { color: var(--e-ink); }
html[data-embed] .adm-alert { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-alert { border-color: light-dark(#e8c4b8, var(--e-rule)); }
html[data-embed] .adm-quick-btn { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-foot { color: var(--e-ink-2); }
html[data-embed] .adm-group-head { color: var(--e-ink); }
html[data-embed] .adm-group-note { color: var(--e-ink-2); }
html[data-embed] .adm-row { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tier.admin { background-color: light-dark(#ddd5ea, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tier.admin { color: light-dark(#4a3a5c, var(--e-ink)); }
html[data-embed] .tier.admin { border-color: light-dark(#cbbfe0, var(--e-rule)); }
html[data-embed] .tier.family { background-color: light-dark(#e7f0e7, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tier.family { border-color: light-dark(#cfe0cf, var(--e-rule)); }
html[data-embed] .tier.guest { background-color: light-dark(#e3ecf3, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tier.guest { color: light-dark(#2f5068, var(--e-ink)); }
html[data-embed] .tier.guest { border-color: light-dark(#cbdce9, var(--e-rule)); }
html[data-embed] .tier.known { background-color: light-dark(#e7f0e7, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tier.known { border-color: light-dark(#cfe0cf, var(--e-rule)); }
html[data-embed] .tier.watch { background-color: light-dark(#f7e7e2, color-mix(in srgb, var(--e-cord) 20%, var(--e-panel))); }
html[data-embed] .tier.watch { border-color: light-dark(#e8c4b8, var(--e-rule)); }
html[data-embed] .adm-bots { background-color: color-mix(in srgb, var(--e-ink) 6%, transparent); }
html[data-embed] .adm-bots summary { color: var(--e-ink); }
html[data-embed] .adm-mark input { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-te { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .mp-legend { color: var(--e-ink); }
html[data-embed] .mp-k.plain { background-color: light-dark(#cfe0e6, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .adm-key { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .sa-strip.in-card .sa-chip.warn { color: light-dark(#7c4915, var(--e-cord)); }
html[data-embed] .dash-card .sa-hero.reveal { background-color: light-dark(#fff7ee, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .dash-card .sa-hero.reveal:hover { background-color: light-dark(#fff1e0, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-clock.urgent { background-color: light-dark(#fff6ef, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-dot { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-dot.wrong { color: light-dark(#8d3b3b, var(--e-cord)); }
html[data-embed] .tv-pz-chip { background-color: light-dark(#fffdf6, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-pz-chip-lbl { color: light-dark(#8a6d29, var(--e-ink)); }
html[data-embed] .tv-prize-row .tv-prize-lbl { color: light-dark(#8a6d29, var(--e-ink)); }
html[data-embed] .tv-choice { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-res.ok { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .tv-prize { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-prize-img { background-color: light-dark(#fff, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-prize-edit { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .pz-chip { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tvr-row { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tvr-recycle { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tvr-choice.right { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .sa-add { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-prize-eye { background-color: light-dark(#fffdf8, color-mix(in srgb, var(--e-ink) 7%, var(--e-panel))); }
html[data-embed] .tv-prize-eye[aria-pressed="true"] { color: light-dark(#2f7d4f, var(--e-idle)); }
html[data-embed] .slot-repeat { color: var(--e-ink); }
html[data-embed] .repeat-banner { color: var(--e-ink); }
/* ==== END GENERATED ==== */

/* one type family, Command's text face (the speakeasy back room keeps its own look; mono stays mono) */
html[data-embed] body :not(#speakeasy-mount, #speakeasy-mount *, code, pre, kbd, samp, svg, svg *) { font-family: "Red Hat Text", system-ui, -apple-system, "Segoe UI", sans-serif; }

/* ---- chrome: no brand, no footer, no weather, no ridges; one slim toolbar ---------------------- */
html[data-embed] .tt-brand,
html[data-embed] .foot,
html[data-embed] .ambient,
html[data-embed] .ridges,
html[data-embed] .topbar::after { display: none !important; }

html[data-embed] .topbar { background: var(--e-panel); backdrop-filter: none; border-bottom: 1px solid var(--e-rule); box-shadow: none; }
html[data-embed] .topbar-inner { padding-top: 6px; padding-bottom: 6px; align-items: center; }
html[data-embed] .tt-name { min-height: 36px; margin: 0; color: var(--e-ink); font-family: "Red Hat Text", system-ui, sans-serif; font-weight: 600; font-size: 17px; text-shadow: none; }
html[data-embed] .tt-name:disabled, html[data-embed] .tt-chevron, html[data-embed] .logo { color: var(--e-ink); }
html[data-embed] .tt-meta { color: var(--e-ink-2); }
html[data-embed] .topbar .btn-ghost { min-height: 36px; background: var(--e-field); color: var(--e-ink); border: 1px solid var(--e-rule); border-radius: 3px; }
html[data-embed] .topbar .btn-ghost:hover { background: var(--e-sel); }
html[data-embed] .topbar .btn-ghost.attn { background: var(--e-brass); border-color: var(--e-brass); color: var(--e-brass-ink); }

/* section navigation (kept) */
html[data-embed] .tabbar { background: transparent; border-radius: 0; margin-top: 8px; }
html[data-embed] .tab { color: var(--e-ink-2); border: 1px solid var(--e-rule); border-radius: 3px; background: var(--e-panel); }
html[data-embed] .tab:hover { color: var(--e-ink); border-color: var(--e-ink-2); }
html[data-embed] .tab[aria-selected="true"],
html[data-embed] .tab[aria-selected="true"] span { background: var(--e-sel); color: var(--e-ink); border-color: var(--e-brass); }
html[data-embed] .tab::after { display: none; }   /* the shimmer cue */
html[data-embed] .tab.has-new::before { background: var(--e-work); }

/* panels 0 px, buttons/fields small, hairline borders, no shadows */
html[data-embed] .card, html[data-embed] .stat, html[data-embed] .drawer { border-radius: 0; box-shadow: none; border: 1px solid var(--e-rule); }
html[data-embed] .btn-primary { background: var(--e-brass); box-shadow: none; border-radius: 3px; color: var(--e-brass-ink); }
html[data-embed] .btn-ghost { background: var(--e-field); border-radius: 3px; }
html[data-embed] input, html[data-embed] textarea, html[data-embed] select { background: var(--e-field); border-radius: 2px; color: var(--e-ink); }
html[data-embed] .drawer-overlay { background: rgba(0,0,0,.45); backdrop-filter: none; }
html[data-embed] .spinner { border-color: var(--e-rule); border-top-color: var(--e-brass); }

/* soft tint chips that were cream-on-dark */
html[data-embed] .sa-count, html[data-embed] .sa-chip, html[data-embed] .past-count,
html[data-embed] .log-view, html[data-embed] .evd-share { background: color-mix(in srgb, var(--e-ink) 8%, transparent); }

/* solid brass / green fills carry dark-on-brass text, not the hard-coded white */
html[data-embed] .rsvp-yes, html[data-embed] .wl-claim.mine, html[data-embed] .wl-reveal-toggle.on,
html[data-embed] .wls-ribbon, html[data-embed] .wl-budget.on, html[data-embed] .sleigh-fab,
html[data-embed] .bc-tag, html[data-embed] .prof-cam, html[data-embed] .log-actor.on,
html[data-embed] .dates-pill, html[data-embed] .tag-you, html[data-embed] .roster-avatar,
html[data-embed] .tp-chip.on, html[data-embed] .who-chip.active, html[data-embed] .who-chip.add.active,
html[data-embed] .ai-print, html[data-embed] .ai-cta .fam-ai-btn, html[data-embed] .you-badge,
html[data-embed] .cal-day.pending-start, html[data-embed] .cal-day.is-trip.editing, html[data-embed] .peek-badge,
html[data-embed] .peek-view, html[data-embed] .act-go.on, html[data-embed] .tv-daily,
html[data-embed] .tv-dot.correct, html[data-embed] .tv-dot.now, html[data-embed] .tv-letter,
html[data-embed] .pz-chip.on, html[data-embed] .sa-hat-name.me, html[data-embed] .repeat-all-btn,
html[data-embed] .cal-day.is-trip, html[data-embed] .peek-setup { color: var(--e-brass-ink); }