@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap");:root{--bg:#000000;--dot-off:#0a0a0a;--dot-on:#f6f6f6;--glow:rgba(255,255,255,0.42);--text:#ececec;--muted:#9a9a9a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"Rajdhani","Segoe UI",sans-serif;color:var(--text);background:#000;min-height:100dvh;display:grid;place-items:center}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:8;background:repeating-linear-gradient( to bottom,rgba(255,255,255,0.07) 0,rgba(255,255,255,0.07) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 4px );opacity:0.09;mix-blend-mode:screen}.stage{transform-origin:center center}.wrap{position:relative;width:min(1120px,96vw);max-width:96vw;max-height:100dvh;margin:0 auto;padding:clamp(8px,1.2dvh,12px) 0}.clock{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;width:fit-content;margin:0 auto;gap:clamp(44px,6.2vmin,92px)}.time-group{border-radius:12px;padding:clamp(2px,0.4vw,6px)}.digit-pair{display:flex;justify-content:center;align-items:center;gap:clamp(5px,0.9vw,8px)}.digit-pair-days{gap:clamp(4px,0.72vw,6px)}.digit-box{--dot-size:clamp(2.7px,0.62vmin,6.6px);--grid-cols:10;--grid-rows:14;display:grid;grid-template-columns:repeat(var(--grid-cols),var(--dot-size));grid-template-rows:repeat(var(--grid-rows),var(--dot-size));gap:clamp(1px,0.16vmin,2px);padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--dot-off);opacity:0.52;transition:background 16ms linear,box-shadow 16ms linear}.dot.on{background:var(--dot-on);opacity:1;box-shadow:0 0 3px var(--glow)}.label{margin:clamp(7px,1vw,10px) 0 0;text-align:center;text-transform:uppercase;letter-spacing:0.22em;font-size:clamp(0.72rem,1.45vmin,1.08rem);color:#d8d8d8}.meta{margin-top:clamp(18px,3vw,28px);text-align:center;display:grid;justify-items:center}.meta-label{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:0.2em;font-size:clamp(0.6rem,1.12vmin,0.94rem)}.total-seconds{margin-top:9px;display:flex;flex-wrap:nowrap;justify-content:center;margin-inline:auto;width:fit-content;gap:clamp(6px,0.9vmin,12px);transform-origin:center;opacity:0.88}.total-seconds .dot.on{box-shadow:0 0 2px rgba(255,255,255,0.46)}.total-sep{width:clamp(8px,1.4vmin,16px);flex:0 0 auto}.total-seconds .digit-box{--dot-size:clamp(1.85px,0.36vmin,4px);border-radius:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}@media (max-width:640px){.wrap{width:98vw}.clock{gap:10px}.digit-pair{gap:4px}.label{letter-spacing:0.16em}.meta{margin-top:12px}}@media (max-width:430px){.total-seconds{transform:scale(0.9)}}@media (max-width:360px){.total-seconds{transform:scale(0.8)}}