.jkcd{display:block;background:#08080b;color:#fff8f0;font:16px/1.5 Arial,Helvetica,sans-serif;container:jkcd / inline-size;border-bottom:1px solid #efcb7c55}
.jkcd *{box-sizing:border-box}
.jkcd [hidden]{display:none!important}
.jkcd__inner{position:relative;isolation:isolate;overflow:hidden;width:min(1200px,calc(100% - 64px));margin:auto;padding:30px 4px 36px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px}
.jkcd__inner:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 25%,#efcb7c12,transparent 55%),radial-gradient(ellipse at 5% 100%,#ff249915,transparent 50%);pointer-events:none}
.jkcd .jkcd__eyebrow{margin:0 0 9px;color:#efcb7c;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.jkcd h2{font:800 clamp(26px,2.8cqw,38px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.035em;color:#fff8f0;margin:0;max-width:500px}
.jkcd .jkcd__date{margin:12px 0 0;color:#ff9cd0;font-size:13px;font-weight:600;letter-spacing:.01em}
.jkcd__right{min-width:0;text-align:center}
.jkcd__clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:460px;margin:0 auto 12px}
.jkcd__unit{min-width:0;border:1px solid #efcb7c80;border-radius:10px;background:linear-gradient(135deg,#211b18,#111014 75%);padding:12px 6px 10px;box-shadow:inset 0 1px #fff0b51a,0 6px 20px #0004}
.jkcd__number{display:block;font:800 clamp(30px,3.3cqw,44px)/1 Arial,Helvetica,sans-serif;letter-spacing:.015em;font-variant-numeric:tabular-nums;color:#efcb7c;background:linear-gradient(115deg,#c29335,#f6dc91 30%,#fff9dc 48%,#ddb653 65%,#f6dc91);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.jkcd__label{display:block;color:#e5d9c3;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-top:8px}
.jkcd .jkcd__link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 19px;border:1px solid #ff63b7;border-radius:7px;color:#08080b;background:#ff2499;text-decoration:none;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.01em}
.jkcd .jkcd__link:hover{background:#ff63b7;color:#08080b}
.jkcd .jkcd__coming-soon{display:inline-block;margin:0;padding:11px 19px;border:1px solid #ff63b7;border-radius:7px;color:#08080b;background:#ff2499;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.01em}
.jkcd .jkcd__link:focus-visible,.jkcd__pause:focus-visible+.jkcd__pause-label{outline:2px solid #efcb7c;outline-offset:4px}
.jkcd .jkcd__ended{margin:0 0 14px;font:800 26px/1.15 Arial,Helvetica,sans-serif;color:#efcb7c}
.jkcd__star{position:absolute;color:#ffe6a7;pointer-events:none;text-shadow:0 0 12px #efcb7c66;line-height:1}
.jkcd__star--one{top:10px;right:8px;font-size:19px}
.jkcd__star--two{bottom:14px;left:46%;font-size:13px}
.jkcd__pause{position:absolute;opacity:0;width:1px;height:1px;left:4px;bottom:6px}
.jkcd__pause-label{position:absolute;bottom:5px;left:4px;color:#c9c0ca;font-size:10px;cursor:pointer;line-height:1.8;text-decoration:underline;text-underline-offset:3px}
.jkcd__pause:checked+.jkcd__pause-label{color:#efcb7c}
.jkcd--sparkle .jkcd__number{animation:jkcd-shine 6s linear infinite}
.jkcd--sparkle .jkcd__star{animation:jkcd-twinkle 3.5s ease-in-out infinite}
.jkcd--sparkle .jkcd__star--two{animation-delay:-1.8s}
.jkcd:has(.jkcd__pause:checked) .jkcd__number,.jkcd:has(.jkcd__pause:checked) .jkcd__star{animation-play-state:paused}
@keyframes jkcd-shine{to{background-position:230% 0}}
@keyframes jkcd-twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}
@container jkcd (max-width:700px){.jkcd__inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:20px;padding:25px 0 34px;text-align:center}.jkcd h2{max-width:340px;margin-inline:auto;font-size:29px}.jkcd__clock{max-width:400px;gap:8px}.jkcd__number{font-size:34px}.jkcd__unit{padding:12px 4px 9px}.jkcd__label{font-size:9px;letter-spacing:.08em}.jkcd__star--two{left:3px;bottom:60px}.jkcd__pause-label{left:50%;transform:translateX(-50%);white-space:nowrap}.jkcd__eyebrow{font-size:10px}.jkcd .jkcd__date{font-size:12px}}
@container jkcd (max-width:350px){.jkcd__clock{gap:5px}.jkcd__number{font-size:29px}.jkcd h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.jkcd .jkcd__number,.jkcd .jkcd__star{animation:none!important}}