:root{--timer-bg:var(--bg-primary);--timer-accent:var(--color-copper);--timer-card-bg:var(--white-subtle);--timer-border:var(--border-subtle);--timer-font-display:var(--font-space-grotesk),sans-serif;--timer-font-ui:var(--font-space-grotesk),sans-serif;--timer-ease:cubic-bezier(.16,1,.3,1)}.timer-container{perspective:1000px;justify-content:center;align-items:center;gap:1.125rem;display:flex}.time-block{flex-direction:column;align-items:center;gap:1.125rem;display:flex}.shard{background:var(--white-subtle);border:1px solid var(--timer-border);-webkit-backdrop-filter:blur(40px);width:120px;height:150px;box-shadow:0 30px 60px rgba(var(--color-black-rgb),.5);border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shard:before{content:"";background:linear-gradient(90deg,transparent,var(--timer-border),transparent);z-index:5;width:100%;height:1px;position:absolute;top:50%;left:0}.glow{background:radial-gradient(circle at center,var(--copper-subtle),transparent 70%);opacity:0;transition:opacity .5s var(--timer-ease);z-index:1;position:absolute;inset:0}.number-display{font-family:var(--timer-font-display);color:var(--text-primary);letter-spacing:-.05em;z-index:2;background:linear-gradient(180deg,var(--color-white)45%,var(--text-muted)50%,var(--color-white)55%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:5.25rem;font-weight:700;position:relative}.shard.tick .glow{animation:lightBleed .6s var(--timer-ease)}@keyframes lightBleed{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.timer-label{font-family:var(--timer-font-ui);text-transform:uppercase;letter-spacing:.4em;color:var(--timer-accent);font-size:.525rem;font-weight:500}.corner{border:1px solid var(--white-normal);pointer-events:none;width:10px;height:10px;position:absolute}.tl{border-bottom:0;border-right:0;top:12px;left:12px}.br{border-top:0;border-left:0;bottom:12px;right:12px}@media (max-width:768px){.timer-container{gap:.6rem}.shard{border-radius:6px;width:64px;height:90px}.number-display{font-size:2.625rem}.timer-label{font-size:.375rem}}