.universal-countdown {
    --uc-background-color: #f1f5f9;
    --uc-number-color: #0f172a;
    --uc-tile-color: #fff;
    --uc-label-color: #475569;
    --uc-accent-color: #2563eb;
    --uc-border-color: transparent;
    box-sizing: border-box;
    padding: var(--uc-padding, 24px);
    border: var(--uc-border-width, 0px) solid var(--uc-border-color);
    border-radius: var(--uc-radius, 12px);
    background: var(--uc-background-color);
    color: var(--uc-label-color);
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    text-align: center;
    container-type: inline-size;
}
.universal-countdown *, .universal-countdown *::before, .universal-countdown *::after { box-sizing: border-box; }
.universal-countdown[hidden], .universal-countdown [hidden] { display: none !important; }
.universal-countdown.uc--full-width { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); }
.universal-countdown .uc__inner { max-width: var(--uc-content-max-width, 1320px); margin-inline: auto; min-width: 0; }
.universal-countdown .uc__heading { color: var(--uc-label-color); font-family: inherit; margin: 0 0 1em; }
.universal-countdown .uc__timer { display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: var(--uc-gap, 16px); }
.universal-countdown .uc__unit { min-width: 0; max-width: 100%; }
.universal-countdown .uc__digits { display: flex; flex-wrap: wrap; justify-content: center; gap: .045em; font-size: var(--uc-number-size, 64px); font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.2; color: var(--uc-number-color); }
.universal-countdown .uc__digit { display: inline-block; position: relative; width: .7em; height: 1.2em; perspective: 5em; border-radius: .08em; background: var(--uc-tile-color); }
.universal-countdown .uc__face { position: absolute; inset: 0; display: block; overflow: hidden; }
.universal-countdown .uc__face > span { position: absolute; left: 0; top: 0; width: 100%; height: 1.2em; text-align: center; line-height: 1.2em; }
.universal-countdown .uc__face--bottom, .universal-countdown .uc__face--old, .universal-countdown .uc__face--new { display: none; }
.universal-countdown .uc__label { display: block; margin-top: .65em; font-size: var(--uc-label-size, 14px); color: var(--uc-label-color); line-height: 1.5; overflow-wrap: anywhere; }
.universal-countdown .uc__message, .universal-countdown .uc__fallback, .universal-countdown .uc__error { margin: 0; overflow-wrap: anywhere; }
.universal-countdown.uc-align--left { text-align: left; }
.universal-countdown.uc-align--right { text-align: right; }
.uc-align--left .uc__timer { justify-content: flex-start; }
.uc-align--right .uc__timer { justify-content: flex-end; }
.uc--modern .uc__digits { padding: .2em .25em; background: var(--uc-tile-color); border-radius: var(--uc-radius, 12px); box-shadow: 0 4px 20px #0f172a0a; border-bottom: 3px solid var(--uc-accent-color); }
.uc--modern .uc__digit { background: transparent; }
.uc--classic { --uc-background-color: #faf7f0; --uc-number-color: #3d3024; --uc-label-color: #705f4d; --uc-tile-color: transparent; font-family: Georgia, "Times New Roman", serif; }
.uc--classic .uc__digits { font-weight: 400; border-bottom: 1px solid currentColor; padding-bottom: .1em; }
.uc--classic .uc__label { letter-spacing: .06em; }
.uc--digital { --uc-background-color: #071410; --uc-tile-color: #10261d; --uc-number-color: #91ffb3; --uc-label-color: #a8cdb5; --uc-accent-color: #43ff83; font-family: ui-monospace, Consolas, monospace; }
.uc--digital .uc__digits { padding: .18em; background: var(--uc-tile-color); border-radius: var(--uc-radius, 12px); gap: .12em; }
.uc--digital .uc__digit { width: .64em; background: transparent; }
.uc__segment { position: absolute; display: block; background: var(--uc-number-color); opacity: .08; }
.uc__segment.is-on { opacity: 1; filter: drop-shadow(0 0 .035em var(--uc-accent-color)); }
.uc__segment--a, .uc__segment--g, .uc__segment--d { height: .09em; width: .44em; left: .1em; clip-path: polygon(12% 0, 88% 0, 100% 50%, 88% 100%, 12% 100%, 0 50%); }
.uc__segment--a { top: .065em; } .uc__segment--g { top: .555em; } .uc__segment--d { top: 1.045em; }
.uc__segment--b, .uc__segment--c, .uc__segment--e, .uc__segment--f { width: .09em; height: .44em; clip-path: polygon(50% 0, 100% 12%, 100% 88%, 50% 100%, 0 88%, 0 12%); }
.uc__segment--b { top: .13em; right: .035em; } .uc__segment--c { top: .63em; right: .035em; }
.uc__segment--f { top: .13em; left: .035em; } .uc__segment--e { top: .63em; left: .035em; }
.uc--flip { --uc-background-color: #e8e5df; --uc-tile-color: #252525; --uc-number-color: #fff9e9; --uc-label-color: #4b4945; font-family: "Arial Narrow", Arial, sans-serif; }
.uc--flip .uc__digit { box-shadow: 0 .04em .05em #0003; }
.uc--flip .uc__digit::after { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #0009; z-index: 5; pointer-events: none; }
.uc--flip .uc__face { height: 50%; background: var(--uc-tile-color); border-radius: .08em .08em 0 0; backface-visibility: hidden; }
.uc--flip .uc__face--bottom, .uc--flip .uc__face--new { display: block; top: 50%; border-radius: 0 0 .08em .08em; }
.uc--flip .uc__face--bottom > span, .uc--flip .uc__face--new > span { top: -.6em; }
.uc--flip .uc__face--old { transform-origin: bottom; z-index: 3; }
.uc--flip .uc__face--new { display: none; transform-origin: top; z-index: 4; }
.uc--flip .is-flipping .uc__face--old { display: block; animation: uc-fold-up .28s ease-in forwards; }
.uc--flip .is-flipping .uc__face--new { display: block; animation: uc-fold-down .28s .28s ease-out both; }
@keyframes uc-fold-up { from { transform: rotateX(0); } to { transform: rotateX(-90deg); } }
@keyframes uc-fold-down { from { transform: rotateX(90deg); } to { transform: rotateX(0); } }
.universal-countdown.uc-font--modern { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.universal-countdown.uc-font--classic { font-family: Georgia, "Times New Roman", serif; }
.universal-countdown.uc-font--mono { font-family: ui-monospace, Consolas, monospace; }
.universal-countdown.uc-font--inherit { font-family: inherit; }
.universal-countdown .uc__sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 640px) { .universal-countdown .uc__digits { font-size: var(--uc-mobile-size, 40px); } }
@container (max-width: 540px) { .universal-countdown .uc__digits { font-size: var(--uc-mobile-size, 40px); } }
@media (prefers-reduced-motion: reduce) { .uc--flip .is-flipping .uc__face--old, .uc--flip .is-flipping .uc__face--new { display: none; animation: none; } }