.cr-counter,.cr-counter *{box-sizing:border-box}
.cr-counter{--a:#0891b2;background:#fff!important;border:0!important;box-shadow:none!important;text-align:center;margin:1.5em auto;padding:22px 12px 16px;max-width:680px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#334155}
.cr-units{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 18px}
.cr-unit{display:flex;flex-direction:column;align-items:center;gap:8px}
.cr-ring{position:relative;width:96px;height:96px}
.cr-ring svg{display:none!important;transform:rotate(-90deg);width:100%!important;height:100%!important;max-width:none}
.cr-ring circle{fill:none}
.cr-ring-fg{transition:stroke-dashoffset .25s linear}
.cr-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#1e293b!important}
.cr-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}
.cr-bar{display:none}
.cr-status{margin:18px 0 0!important;color:#475569;font-size:.92rem}
.cr-fallback{margin:8px 0 0!important}
.cr-fallback .cr-link,.cr-restart{display:inline-block;padding:9px 18px;border:0;border-radius:6px;background:var(--a);color:#fff!important;text-decoration:none;font-weight:600;cursor:pointer;margin-top:10px}
/* 1 Cyan Rings */
.cr-s1{--a:#0891b2}.cr-s1 .cr-ring svg{display:block!important}.cr-s1 .cr-num{font-size:30px}
/* 2 Minimal Digits */
.cr-s2{--a:#475569}.cr-s2 .cr-units{gap:6px 34px}.cr-s2 .cr-ring{width:auto;height:auto;min-width:62px}.cr-s2 .cr-num{position:static;font-size:50px;font-weight:300;color:#0f766e!important}
.cr-s2 .cr-unit:not(:last-child) .cr-ring::after{content:":";position:absolute;right:-22px;top:2px;font-size:42px;font-weight:300;color:#cbd5e1}
/* 3 Soft Boxes */
.cr-s3{--a:#4f46e5}.cr-s3 .cr-ring{width:84px;height:84px;background:#eef2ff;border-radius:16px}.cr-s3 .cr-num{color:#4f46e5!important}
/* 4 Gradient Cards */
.cr-s4{--a:#db2777}.cr-s4 .cr-ring{width:84px;height:92px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:16px;box-shadow:0 8px 18px rgba(219,39,119,.28)}.cr-s4 .cr-num{color:#fff!important}
/* 5 Flip Clock */
.cr-s5{--a:#2563eb}.cr-s5 .cr-ring{width:78px;height:92px;background:#2563eb;border-radius:8px}.cr-s5 .cr-ring::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.4)}.cr-s5 .cr-num{color:#fff!important;font-size:38px;z-index:1}
/* 6 Neon Outline */
.cr-s6{--a:#059669}.cr-s6 .cr-ring{width:84px;height:84px;border:2px solid #10b981;border-radius:12px;box-shadow:0 0 14px rgba(16,185,129,.55),inset 0 0 10px rgba(16,185,129,.18)}.cr-s6 .cr-num{color:#059669!important}
/* 7 Shadow Cards */
.cr-s7{--a:#ea580c}.cr-s7 .cr-ring{width:86px;height:92px;background:#fff;border:1px solid #f1f5f9;border-radius:18px;box-shadow:0 10px 26px rgba(15,23,42,.14)}.cr-s7 .cr-num{color:#ea580c!important}
/* 8 Pill Badges */
.cr-s8{--a:#0284c7}.cr-s8 .cr-units{gap:10px}.cr-s8 .cr-unit{flex-direction:row;gap:8px;background:#0ea5e9;border-radius:999px;padding:8px 18px}.cr-s8 .cr-ring{width:auto;height:auto}.cr-s8 .cr-num{position:static;font-size:26px;color:#fff!important}.cr-s8 .cr-label{color:#e0f2fe;letter-spacing:.06em}
/* 9 Solid Circles */
.cr-s9{--a:#0d9488}.cr-s9 .cr-ring{width:88px;height:88px;border-radius:50%;background:#14b8a6;box-shadow:0 6px 16px rgba(20,184,166,.35)}.cr-s9 .cr-num{color:#fff!important}
/* 10 Progress Bars */
.cr-s10{--a:#7c3aed}.cr-s10 .cr-unit{gap:6px;min-width:74px}.cr-s10 .cr-ring{width:auto;height:auto}.cr-s10 .cr-num{position:static;font-size:42px;color:#4c1d95!important}.cr-s10 .cr-bar{display:block;width:72px;height:6px;border-radius:3px;background:#ede9fe;overflow:hidden}.cr-s10 .cr-bar b{display:block;height:100%;background:#7c3aed;border-radius:3px;transition:width .25s linear}
@media(max-width:520px){
 .cr-units{gap:12px 12px}
 .cr-s1 .cr-ring,.cr-s3 .cr-ring,.cr-s4 .cr-ring,.cr-s5 .cr-ring,.cr-s6 .cr-ring,.cr-s7 .cr-ring,.cr-s9 .cr-ring{width:64px!important;height:68px!important}
 .cr-s1 .cr-ring,.cr-s3 .cr-ring,.cr-s6 .cr-ring,.cr-s9 .cr-ring{height:64px!important}
 .cr-s1 .cr-num,.cr-s3 .cr-num,.cr-s4 .cr-num,.cr-s6 .cr-num,.cr-s7 .cr-num,.cr-s9 .cr-num{font-size:22px}.cr-s5 .cr-num{font-size:26px}
 .cr-s2 .cr-num{font-size:34px}.cr-s2 .cr-units{gap:6px 24px}.cr-s2 .cr-unit:not(:last-child) .cr-ring::after{right:-16px;font-size:30px}
 .cr-s8 .cr-unit{padding:6px 14px}.cr-s10 .cr-num{font-size:32px}.cr-s10 .cr-bar{width:56px}.cr-s10 .cr-unit{min-width:56px}
}
.cr-fallback[hidden],.cr-restart[hidden]{display:none!important}
.cr-s8 .cr-units{gap:8px}.cr-s8 .cr-unit{padding:8px 13px;gap:6px}.cr-s8 .cr-num{font-size:24px}.cr-s8 .cr-label{font-size:10px;letter-spacing:.04em}
.cr-s5 .cr-ring::after{height:1px;z-index:0}
@media(max-width:520px){
 .cr-counter{padding:18px 8px 14px}
 .cr-units{flex-wrap:nowrap;gap:7px}
 .cr-label{font-size:8.5px;letter-spacing:.03em}
 .cr-s1 .cr-ring,.cr-s3 .cr-ring,.cr-s4 .cr-ring,.cr-s5 .cr-ring,.cr-s6 .cr-ring,.cr-s7 .cr-ring,.cr-s9 .cr-ring{width:54px!important;height:58px!important}
 .cr-s1 .cr-ring,.cr-s3 .cr-ring,.cr-s6 .cr-ring,.cr-s9 .cr-ring{height:54px!important}
 .cr-s1 .cr-num,.cr-s3 .cr-num,.cr-s4 .cr-num,.cr-s6 .cr-num,.cr-s7 .cr-num,.cr-s9 .cr-num{font-size:19px}.cr-s5 .cr-num{font-size:22px}
 .cr-s2 .cr-units{gap:6px 18px}.cr-s2 .cr-num{font-size:26px}.cr-s2 .cr-ring{min-width:0}.cr-s2 .cr-unit:not(:last-child) .cr-ring::after{right:-13px;font-size:22px;top:0}
 .cr-s8 .cr-units{flex-wrap:wrap;gap:6px}.cr-s8 .cr-unit{padding:6px 11px}
 .cr-s10 .cr-units{gap:6px}.cr-s10 .cr-num{font-size:24px}.cr-s10 .cr-bar{width:100%}.cr-s10 .cr-unit{min-width:0;width:54px}
}