:root{color-scheme:dark;--gold:#f4bd62}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 10%,#493021 0%,#1e1718 48%,#100e11 100%);color:#fff4e6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:center;padding:24px}.wrap{width:min(100%,960px)}.eyebrow{letter-spacing:.24em;color:var(--gold);font-size:.75rem;font-weight:800}.glass{font-size:clamp(90px,20vw,150px);line-height:1.2;margin:18px 0;filter:drop-shadow(0 16px 24px #0007)}h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:1.08;margin:14px 0}h1 span{color:var(--gold)}.subtitle{color:#d6c2af;font-size:1.35rem;line-height:1.6}.panel{margin:30px auto;padding:40px 34px;border:1px solid #ffffff26;background:#ffffff0b;border-radius:24px;box-shadow:0 20px 50px #0004}.clock{font-size:clamp(1.1rem,4vw,1.5rem);font-variant-numeric:tabular-nums}.countdown{font-size:clamp(3rem,10vw,6.5rem);font-weight:850;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--gold);margin:10px 0}.small{color:#cbb8a6;font-size:.9rem}.progress{height:9px;background:#ffffff20;border-radius:50px;overflow:hidden;margin:24px 0 4px}.bar{height:100%;width:0;background:linear-gradient(90deg,#ba7434,#ffdb8e);transition:width .5s}.foot{color:#a99584;font-size:.85rem;margin-top:24px}.cheer{animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-9px) rotate(4deg)}}.bottle-wrap{display:flex;justify-content:center;margin:22px auto 8px}.bottle{position:relative;width:108px;height:205px;filter:drop-shadow(0 12px 18px #0007)}.bottle-neck{position:absolute;top:0;left:39px;width:30px;height:52px;border:5px solid #d5b68d;border-radius:8px 8px 3px 3px;background:#ffffff12}.bottle-body{position:absolute;bottom:0;left:9px;width:90px;height:165px;border:6px solid #d5b68d;border-radius:19px 19px 15px 15px;overflow:hidden;background:#ffffff12}.liquid{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(100deg,#9e4d16,#e2a044 60%,#f4c36c);transition:height 1s linear}.bottle-label{position:absolute;top:70px;left:11px;right:11px;border:1px solid #f7e5b2;background:#241810cc;color:#f7d68a;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:.1em;padding:9px 2px}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.piece{position:absolute;top:-20px;width:9px;height:16px;animation:fall 3.6s linear forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(900deg);opacity:0}}.face{font-size:clamp(110px,19vw,175px);margin:12px 0}

@media(min-width:900px){.wrap{width:min(100%,1120px)}.panel{padding:55px 60px}.face{font-size:190px}.bottle{transform:scale(1.12);margin:14px 0}.subtitle{font-size:1.5rem}}
@media(max-width:500px){.panel{padding:28px 16px}.countdown{font-size:clamp(2.5rem,11vw,4rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.count-label{margin-top:22px}