:root{font-family:Unbounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#000;background:#fff;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}p,h1{margin:0}.page{position:relative;display:grid;min-height:100svh;overflow:hidden;padding:54px 40px 38px}.page-active{grid-template-rows:1fr auto;background:linear-gradient(123.82deg,#fff 24.11%,#ffd8aa 82.76%,#ffc378 112.09%,#ffbe6a,#ffb85a 126.76%,#ffb552,#ffb249 134.09%,#ffad32 141.42%);background:linear-gradient(123.82deg,#fff 24.11%,color(xyz 0.743 0.729 0.386) 82.76%,color(xyz 0.662 0.612 0.167) 112.09%,color(xyz 0.644 0.585 0.123),color(xyz 0.626 0.558 0.084) 126.76%,color(xyz 0.618 0.545 0.066),color(xyz 0.61 0.532 0.049) 134.09%,color(xyz 0.593 0.507 0.018) 141.42%);background:linear-gradient(123.82deg,#fff 24.11%,orange 141.42%);background-size:140% 140%;animation:background-drift 16s ease-in-out infinite alternate}.page-finished{grid-template-rows:1fr auto;background:linear-gradient(123.82deg,#fff 24.11%,#d8ffd9,#a8ffad 82.76%,#8aff94 97.43%,#78ff85 104.76%,#6eff7d 108.43%,#68ff79 110.26%,#64ff77,#61ff75 112.09%,#5aff70,#53ff6c 115.76%,#43ff63,#2aff58 123.09%,#14ff52,#00ff4f 126.76%,#00fd4f,#00fb4e 134.09%,#00f74d 141.42%);background:linear-gradient(123.82deg,#fff 24.11%,color(xyz 0.733 0.919 0.719),color(xyz 0.548 0.841 0.428) 82.76%,color(xyz 0.467 0.803 0.309) 97.43%,color(xyz 0.43 0.784 0.255) 104.76%,color(xyz 0.412 0.775 0.23),color(xyz 0.394 0.765 0.206),color(xyz 0.377 0.756 0.183),color(xyz 0.36 0.747 0.16),color(xyz 0.344 0.738 0.139),color(xyz 0.328 0.729 0.118),color(xyz 0.312 0.72 0.099),color(xyz 0.297 0.711 0.08) 134.09%,color(xyz 0.268 0.693 0.045) 141.42%);background:linear-gradient(123.82deg,#fff 24.11%,#0f0 141.42%);background-size:140% 140%;animation:background-drift 16s ease-in-out infinite alternate}.counter-state{align-self:start;display:flex;flex-direction:column;align-items:center;padding-top:0}.highlight-title{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;color:#000;font-weight:900;letter-spacing:0;line-height:.86;text-align:center;background-image:linear-gradient(var(--highlight),var(--highlight));background-repeat:no-repeat;background-position:50% 64%;background-size:100% .46em}.active-title{--highlight: #ffaa00;font-size:clamp(38px,2.8vw,41px);white-space:nowrap}.active-title span{display:inline}.active-title span+span:before{content:" "}.active-title span+span{margin-left:.32em}.timer{display:flex;gap:clamp(40px,4.4vw,64px);margin-top:clamp(214px,22.4vh,229px)}.timer-digit{position:relative;display:grid;place-items:center;width:clamp(176px,14.3vw,206px);height:clamp(254px,29vh,297px);overflow:hidden;border:10px dashed #000000;background:#fff;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(176px,14.25vw,205px);font-weight:800;line-height:1}.timer-roller{position:absolute;inset:0}.timer-roller-value{position:absolute;inset:0;display:grid;place-items:center;width:100%;transform:translateY(calc((var(--slot) - 10) * 100%));animation:digit-value-roll .98s cubic-bezier(.18,.82,.26,1) both;will-change:transform}.caption{display:flex;justify-content:center;gap:.28em;margin-top:32px;font-size:clamp(37px,3vw,43px);font-weight:900;line-height:1.04;text-align:center}.footer{display:flex;flex-direction:column;align-items:center;gap:14px;color:#00000061;font-size:clamp(14px,1.2vw,18px);font-weight:500;line-height:1.35;text-align:center}.finished-state{display:grid;place-items:center}.finished-title{--highlight: #0dff00;max-width:90vw;font-size:clamp(34px,3.6vw,52px);white-space:nowrap}@media(max-width:980px){.active-title{display:flex;flex-direction:column;gap:14px;font-size:clamp(30px,7.7vw,34px);line-height:.86;white-space:normal;background-image:none}.active-title span{display:inline-flex;justify-content:center;width:fit-content;background-image:linear-gradient(#fa0,#fa0);background-repeat:no-repeat;background-position:50% 64%;background-size:100% .36em}.active-title span+span:before{content:none}.active-title span+span{margin-left:0}}@media(max-width:720px){.page{padding:39px 20px 31px}.timer{gap:clamp(24px,6vw,32px);margin-top:clamp(118px,13.4vh,128px)}.timer-digit{width:clamp(132px,31vw,138px);height:clamp(194px,44vw,208px);border-width:8px;font-size:clamp(131px,33.5vw,146px)}.caption{flex-direction:column;gap:12px;margin-top:44px;font-size:clamp(24px,6.2vw,27px)}.footer{gap:18px;font-size:clamp(12px,3.3vw,15px)}.finished-title{font-size:clamp(24px,7.2vw,35px);white-space:normal}}@keyframes digit-value-roll{0%{transform:translateY(calc(var(--slot) * 100%));filter:blur(2px)}72%{filter:blur(1px)}to{transform:translateY(calc((var(--slot) - 10) * 100%));filter:blur(0)}}@keyframes background-drift{0%{background-position:0% 0%}to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.page-active,.page-finished,.timer-roller-value{animation:none}.timer-roller-value{transform:translateY(calc((var(--slot) - 10) * 100%))}}@media(max-width:410px){.timer{gap:20px}.timer-digit{width:min(34vw,132px);height:min(48vw,194px);font-size:min(34vw,131px);border-width:8px}}