.countdown-page{--cd-display-font:var(--sans)}

/* Expanded color themes */
[data-countdown-theme="ocean"]{--cd-bg:#061722;--cd-panel:#0b2230;--cd-ink:#eef9ff;--cd-muted:#91b5c6;--cd-line:rgba(220,245,255,.15);--cd-accent:#55c8ff}
[data-countdown-theme="moss"]{--cd-bg:#111a12;--cd-panel:#18241a;--cd-ink:#f4f7ed;--cd-muted:#a8b59b;--cd-line:rgba(239,255,225,.14);--cd-accent:#a6d47c}
[data-countdown-theme="lavender"]{--cd-bg:#211a30;--cd-panel:#2b2240;--cd-ink:#faf6ff;--cd-muted:#b9aaca;--cd-line:rgba(247,235,255,.15);--cd-accent:#c4a7ff}
[data-countdown-theme="rose"]{--cd-bg:#2a171f;--cd-panel:#351d28;--cd-ink:#fff5f7;--cd-muted:#c9a5ae;--cd-line:rgba(255,233,239,.15);--cd-accent:#ff9fb6}
[data-countdown-theme="ember"]{--cd-bg:#27140e;--cd-panel:#321b13;--cd-ink:#fff4eb;--cd-muted:#c7a391;--cd-line:rgba(255,237,224,.15);--cd-accent:#ff9d61}
[data-countdown-theme="cobalt"]{--cd-bg:#0d1635;--cd-panel:#131f47;--cd-ink:#f2f5ff;--cd-muted:#9eabd1;--cd-line:rgba(232,238,255,.15);--cd-accent:#6f91ff}

.theme-swatch[data-theme="ocean"] span{background:linear-gradient(145deg,#061722,#55c8ff)}
.theme-swatch[data-theme="moss"] span{background:linear-gradient(145deg,#111a12,#a6d47c)}
.theme-swatch[data-theme="lavender"] span{background:linear-gradient(145deg,#211a30,#c4a7ff)}
.theme-swatch[data-theme="rose"] span{background:linear-gradient(145deg,#2a171f,#ff9fb6)}
.theme-swatch[data-theme="ember"] span{background:linear-gradient(145deg,#27140e,#ff9d61)}
.theme-swatch[data-theme="cobalt"] span{background:linear-gradient(145deg,#0d1635,#6f91ff)}

/* Find the Figure form treatment */
.countdown-form-card{padding:18px 0 2px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line);background:transparent}
.countdown-field label,.countdown-timezone span{color:#68655f}
.countdown-field input{
  appearance:auto;
  -webkit-appearance:auto;
  height:58px;
  border:1px solid var(--line-dark);
  border-radius:0;
  background:var(--surface);
  color:var(--ink);
  padding:0 15px;
  font-size:15px;
  letter-spacing:-.01em;
  box-shadow:inset 0 0 0 0 var(--accent);
  color-scheme:light;
}
.countdown-field input:hover{border-color:var(--ink);background:#fff}
.countdown-field input:focus{border-color:var(--ink);background:#fff;box-shadow:inset 3px 0 0 var(--accent);outline:0}
.countdown-field input::placeholder{color:#9a968e}
.countdown-field input::-webkit-calendar-picker-indicator{opacity:.62;cursor:pointer;filter:grayscale(1);padding:7px;margin-right:-4px}
.countdown-timezone{height:58px;border:1px solid var(--line-dark);background:var(--paper-2);padding-inline:14px}
.countdown-timezone strong{font-family:var(--mono);font-size:10px;letter-spacing:.02em;text-transform:none}

/* Design controls */
.countdown-toolbar>.countdown-theme-picker{display:none}
.countdown-design-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1.25fr);gap:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-top:18px}
.countdown-design-group{padding:16px 18px 17px 0;min-width:0}
.countdown-design-group+.countdown-design-group{border-left:1px solid var(--line);padding-left:18px}
.countdown-design-label{display:block;margin-bottom:10px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#77736c}
.countdown-theme-extended{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.countdown-theme-extended .theme-swatch{width:29px;height:29px}
.countdown-theme-extended .theme-swatch.is-active{border-color:var(--ink)}
.countdown-font-options{display:flex;gap:6px;flex-wrap:wrap}
.countdown-font-button{height:31px;padding:0 10px;border:1px solid var(--line-dark);background:transparent;color:#514e49;font-size:10px;cursor:pointer}
.countdown-font-button:hover{border-color:var(--ink);background:#fff}
.countdown-font-button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.countdown-font-button[data-font="editorial"]{font-family:Georgia,"Times New Roman",serif}
.countdown-font-button[data-font="modern"]{font-family:"Helvetica Neue",Arial,sans-serif}
.countdown-font-button[data-font="humanist"]{font-family:"Segoe UI",Roboto,Arial,sans-serif}
.countdown-font-button[data-font="mono"]{font-family:var(--mono)}
.countdown-font-button[data-font="rounded"]{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",Arial,sans-serif}
.countdown-bg-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.countdown-bg-button{height:31px;padding:0 11px;border:1px solid var(--line-dark);background:transparent;color:#514e49;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;cursor:pointer}
.countdown-bg-button:hover{border-color:var(--ink);background:#fff}
.countdown-bg-button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.countdown-bg-remove{display:none}
.countdown-design-panel.has-photo .countdown-bg-remove{display:inline-block}
.countdown-bg-status{display:block;margin-top:8px;color:#817d75;font-size:10.5px;line-height:1.45}
.countdown-bg-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* Display typefaces */
[data-countdown-font="editorial"]{--cd-display-font:Georgia,"Times New Roman",serif}
[data-countdown-font="modern"]{--cd-display-font:"Helvetica Neue",Helvetica,Arial,sans-serif}
[data-countdown-font="humanist"]{--cd-display-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
[data-countdown-font="mono"]{--cd-display-font:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
[data-countdown-font="rounded"]{--cd-display-font:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Helvetica Neue",Arial,sans-serif}
.countdown-stage-center h2,.countdown-unit strong,.countdown-complete{font-family:var(--cd-display-font)!important}
[data-countdown-font="mono"] .countdown-stage-center h2,[data-countdown-font="mono"] .countdown-unit strong,[data-countdown-font="mono"] .countdown-complete{letter-spacing:-.045em}
[data-countdown-font="rounded"] .countdown-unit strong{font-weight:700;letter-spacing:-.055em}

/* Browser-local custom photo background */
.countdown-stage.has-custom-background::before{
  background-image:linear-gradient(var(--cd-photo-overlay),var(--cd-photo-overlay)),var(--cd-photo-url);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.countdown-stage.has-custom-background .countdown-ambient{opacity:.18}
.countdown-stage.has-custom-background[data-photo-text="light"]{--cd-ink:#fff;--cd-muted:rgba(255,255,255,.75);--cd-line:rgba(255,255,255,.24);--cd-accent:#d2dbff;--cd-photo-overlay:rgba(8,10,14,.38)}
.countdown-stage.has-custom-background[data-photo-text="dark"]{--cd-ink:#121212;--cd-muted:rgba(18,18,18,.68);--cd-line:rgba(18,18,18,.22);--cd-accent:#2447ff;--cd-photo-overlay:rgba(255,255,255,.42)}
.countdown-stage.has-custom-background[data-photo-text="light"] .countdown-stage-center h2,.countdown-stage.has-custom-background[data-photo-text="light"] .countdown-unit strong{text-shadow:0 2px 30px rgba(0,0,0,.34)}
.countdown-stage.has-custom-background[data-photo-text="dark"] .countdown-stage-center h2,.countdown-stage.has-custom-background[data-photo-text="dark"] .countdown-unit strong{text-shadow:0 2px 24px rgba(255,255,255,.38)}
.countdown-stage.has-custom-background .countdown-stage-brand span,.countdown-stage.has-custom-background .stage-icon-button,.countdown-stage.has-custom-background .countdown-shortcuts kbd{backdrop-filter:blur(8px);background:color-mix(in srgb,var(--cd-bg) 14%,transparent)}

.countdown-photo-note{margin:9px 0 0;color:#827e76;font-size:10px;line-height:1.5}
.countdown-photo-note strong{color:#4a4742;font-weight:650}

@media(max-width:900px){
  .countdown-design-panel{grid-template-columns:1fr}
  .countdown-design-group{padding:15px 0}
  .countdown-design-group+.countdown-design-group{border-left:0;border-top:1px solid var(--line);padding-left:0}
}
@media(max-width:600px){
  .countdown-form-card{padding-top:14px}
  .countdown-field input,.countdown-timezone{height:54px}
  .countdown-theme-extended{gap:3px}
  .countdown-font-button{padding-inline:8px}
}