/* Standalone styles for the embeddable countdown (/embed/<event>/). */
html, body { height: 100%; margin: 0; }
body { --ev-bg: #2b2a28; --ev-ink: #fff8ea; --ev-accent: #e9b949; font-family: "Inter Variable", system-ui, sans-serif; }
[data-event-theme="christmas"] { --ev-bg: #8a1c26; --ev-accent: #a6e3b4; }
[data-event-theme="newyear"] { --ev-bg: #17161a; --ev-accent: #e9b949; }
[data-event-theme="valentine"] { --ev-bg: #8f1d4a; --ev-accent: #ffc2d6; }
[data-event-theme="stpatrick"] { --ev-bg: #0f5a36; --ev-accent: #f4d35e; }
[data-event-theme="easter"] { --ev-bg: #5b3f8c; --ev-accent: #c8f0c0; }
[data-event-theme="mardigras"] { --ev-bg: #4a1a7a; --ev-accent: #f2c744; }
[data-event-theme="spring"] { --ev-bg: #2f6b3f; --ev-accent: #ffd1e0; }
[data-event-theme="mothers"] { --ev-bg: #9c2f62; --ev-accent: #ffe1ec; }
[data-event-theme="fathers"] { --ev-bg: #1d3f6e; --ev-accent: #f2c98a; }
[data-event-theme="patriotic"] { --ev-bg: #14274e; --ev-accent: #ff8f8f; }
[data-event-theme="juneteenth"] { --ev-bg: #6b1a1a; --ev-accent: #f4c95d; }
[data-event-theme="civic"] { --ev-bg: #23395b; --ev-accent: #f2c98a; }
[data-event-theme="fiesta"] { --ev-bg: #0b6e4f; --ev-accent: #ffd166; }
[data-event-theme="summer"] { --ev-bg: #0d6480; --ev-accent: #ffd24a; }
[data-event-theme="fall"] { --ev-bg: #7a3414; --ev-accent: #ffc46b; }
[data-event-theme="winter"] { --ev-bg: #1b3a5c; --ev-accent: #bfe6ff; }
[data-event-theme="halloween"] { --ev-bg: #2a1740; --ev-accent: #ff9a3c; }
[data-event-theme="thanksgiving"] { --ev-bg: #5c2c12; --ev-accent: #f2a65a; }
[data-event-theme="blackfriday"] { --ev-bg: #111111; --ev-accent: #ffd60a; }
[data-event-theme="cyber"] { --ev-bg: #101a3d; --ev-accent: #4dd2ff; }
.em { display: flex; flex-direction: column; justify-content: center; gap: 0.35rem; box-sizing: border-box; min-height: 100%; padding: 0.75rem 1rem; background: var(--ev-bg); color: var(--ev-ink); text-decoration: none; text-align: center; border-top: 4px solid var(--ev-accent); }
.em__title { margin: 0; font-family: "Fraunces Variable", Georgia, serif; font-size: 1.05rem; font-weight: 620; }
.cd__units { display: flex; justify-content: center; gap: 0.9rem; }
.cd__unit { display: flex; flex-direction: column; align-items: center; }
.cd__num { font-size: 1.6rem; font-weight: 750; line-height: 1.1; font-variant-numeric: tabular-nums; }
.cd__unit:first-child .cd__num { color: var(--ev-accent); }
.cd__label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.85; }
.cd__date { margin: 0; font-size: 0.8rem; opacity: 0.9; }
.em__by { font-size: 0.7rem; opacity: 0.7; }