:root{--bg:oklch(6% .008 0);--surface:oklch(10% .006 0);--fg:oklch(94% .005 0);--muted:oklch(58% .008 0);--border:oklch(36% .005 0);--accent:oklch(52% .22 27);--accent-dim:oklch(38% .16 27);--accent-glow:oklch(52% .22 27/.35);--font-display:"Times New Roman", "Iowan Old Style", Georgia, serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow:hidden}body{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:4vh 5vw;display:flex}.bg-photo{z-index:0;pointer-events:none;filter:grayscale(.32)brightness(.7)contrast(1.04);background:url(/Image.png) 50%/cover no-repeat;position:fixed;inset:0}.bg-photo:after{content:"";background:radial-gradient(135% 110% at 50% 42%,oklch(6% .008 0/.12) 0%,oklch(6% .008 0/.34) 55%,oklch(8% .05 27/.68) 100%),linear-gradient(oklch(6% .008 0/.55) 0%,oklch(6% .008 0/.18) 30%,oklch(6% .008 0/.28) 66%,oklch(8% .06 27/.7) 100%);position:absolute;inset:0}.dates{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);align-items:center;gap:2em;margin-bottom:3vh;font-size:clamp(16px,1.6vw,24px);display:flex}.dates .arrow{color:var(--accent-dim);font-size:1.4em}.pct-wrap{margin-bottom:2.5vh;line-height:1;position:relative}.pct{font-family:var(--font-display);letter-spacing:0;color:var(--fg);z-index:2;font-size:clamp(100px,18vw,320px);font-weight:400;position:relative}.pct .unit{color:var(--muted);vertical-align:super;letter-spacing:0;margin-left:.05em;font-size:.35em}.bar-outer{background:var(--surface);border:2px solid var(--border);width:90vw;max-width:1600px;height:clamp(80px,10vh,140px);position:relative;overflow:hidden}.bar-fill{background:var(--accent);min-width:2px;height:100%;transition:width 1s linear;position:relative}.bar-fill:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow));width:200px;animation:2.4s ease-in-out infinite pulse;position:absolute;top:0;bottom:0;right:0}.bar-fill:before{content:"";background:var(--accent);width:4px;box-shadow:0 0 20px var(--accent-glow), 0 0 60px var(--accent-glow), 0 0 120px oklch(52% .22 27/.15);position:absolute;top:-4px;bottom:-4px;right:-2px}.bar-labels{letter-spacing:.2em;text-transform:uppercase;width:90vw;max-width:1600px;color:var(--muted);justify-content:space-between;margin-top:10px;font-size:clamp(14px,1.2vw,20px);display:flex}.bar-labels .elapsed-val{color:var(--accent-dim)}.bar-labels .remain-val{color:var(--fg);opacity:.8}.countdown{gap:clamp(12px,2.5vw,40px);margin-top:5vh;display:flex}.cd-block{flex-direction:column;align-items:center;gap:6px;display:flex}.cd-num{font-family:var(--font-mono);letter-spacing:0;color:var(--fg);font-variant-numeric:tabular-nums;font-size:clamp(40px,5.5vw,96px);font-weight:700;line-height:1}.cd-label{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);font-size:clamp(13px,1.1vw,18px)}.cd-sep{font-family:var(--font-display);color:var(--accent-dim);align-self:flex-start;padding-top:.05em;font-size:clamp(40px,5vw,88px);line-height:1}.tagline{letter-spacing:.5em;text-transform:uppercase;color:var(--muted);opacity:.7;margin-top:5vh;font-size:clamp(15px,1.4vw,22px)}.grain{pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,oklch(0% 0 0/.03) 2px 4px);position:fixed;inset:0}.edge-pulse{pointer-events:none;z-index:40;mix-blend-mode:screen;position:fixed;inset:0;box-shadow:inset 0 0 130px oklch(52% .22 27/.08)}.edge-pulse:before{content:"";opacity:var(--beat,0);background:radial-gradient(120% 90% at 0 0,oklch(52% .22 27/.5),#0000 42%),radial-gradient(120% 90% at 100% 0,oklch(52% .22 27/.5),#0000 42%),radial-gradient(120% 90% at 0 100%,oklch(52% .22 27/.5),#0000 42%),radial-gradient(120% 90% at 100% 100%,oklch(52% .22 27/.5),#0000 42%);position:absolute;inset:0}.pulse-layer{pointer-events:none;mix-blend-mode:screen;will-change:opacity, box-shadow;position:fixed;inset:0}.sound-hint{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--accent);cursor:pointer;z-index:100;font-size:clamp(10px,.75vw,13px);transition:opacity .4s;animation:1.6s ease-in-out infinite blink;position:fixed;bottom:22px;right:24px}.sound-hint.hidden{opacity:0;pointer-events:none;animation:none}[hidden]{display:none!important}.view{width:100%}.countdown-view{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.celebration-view{isolation:isolate;--spot-x:50%;--spot-y:48%;--stage-x:0px;--stage-y:0px;--stage-tilt-x:0deg;--stage-tilt-y:0deg;--bg-x:0px;--bg-y:0px;--light-x:0px;--light-y:0px;--word-x:0px;--word-y:0px;--mouse-energy:0;--mouse-glow-strong:0;--mouse-glow-soft:0;background:#050009;width:100vw;min-height:100vh;position:relative;overflow:hidden}.celebrating{padding:0}.celebrating .bg-photo,.celebrating .grain,.celebrating .edge-pulse,.celebrating .sound-hint{display:none}.celebration-bg,.celebration-light,.celebration-vignette,.webgpu-stage,.confetti-layer,.click-ribbon-layer,.ticker-lights{pointer-events:none;position:absolute;inset:0}.celebration-bg{z-index:0;filter:brightness(.74)contrast(1.08)saturate(1.22);background:url(/Celebration.png) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate celebrationBgDrift}.celebration-light{z-index:1;mix-blend-mode:screen;opacity:.72;transform:translate3d(var(--light-x), var(--light-y), 0);background:conic-gradient(from 210deg at 12% 100%,#ffd44547,#0000 18%,#00d7ff2e 31%,#0000 46%,#ff3f9a38 68%,#0000 82%,#52ff9733),linear-gradient(#0500161f,#0500168a 68%,#000c);animation:9s ease-in-out infinite alternate celebrationLightSweep}.celebration-vignette{z-index:2;background:linear-gradient(90deg,#000000b8,#0000 20% 80%,#000000b8),linear-gradient(#00000057,#0000 38%,#0000009e)}.celebration-vignette:after{content:"";background:radial-gradient(520px 420px at var(--spot-x) var(--spot-y), rgb(255 212 69/var(--mouse-glow-strong)), rgb(255 63 154/var(--mouse-glow-soft)) 30%, transparent 66%);mix-blend-mode:screen;position:absolute;inset:0}.webgpu-stage{z-index:3}.webgpu-stage canvas{width:100%;height:100%;display:block}.confetti-layer,.click-ribbon-layer{z-index:4;overflow:hidden}.confetti-piece{top:-12%;left:var(--x);width:var(--w);height:var(--h);background:var(--c);opacity:.88;transform:rotate(var(--r));animation:confettiFall var(--d) linear var(--delay) infinite;will-change:transform;border-radius:2px;position:absolute}.ticker-lights{z-index:5;background:repeating-linear-gradient(90deg,#ff3f9a 0 18px,#ffd445 18px 36px,#16d9ff 36px 54px,#65ff91 54px 72px);height:18px;animation:1.2s linear infinite tickerRun;inset:auto 0 0;box-shadow:0 -10px 38px #ff3f9a59,0 -18px 70px #16d9ff3d}.celebration-stage{z-index:6;text-align:center;perspective:900px;min-height:100vh;transform:translate3d(var(--stage-x), var(--stage-y), 0) rotateX(var(--stage-tilt-x)) rotateY(var(--stage-tilt-y));transform-style:preserve-3d;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:5.5rem 1.25rem 4rem;transition:transform .12s ease-out;display:flex;position:relative}.celebration-kicker{color:#0000;-webkit-text-fill-color:transparent;min-height:5.6rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px #ffd445b8,0 0 38px #ff3f9a80;filter:drop-shadow(0 0 18px #16d9ff73)drop-shadow(0 0 34px #ffd4454d);background:linear-gradient(90deg,#ffd445,#ff3f9a,#16d9ff,#65ff91,#ffd445) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding:0 5.4rem;font-size:2.6rem;font-weight:900;animation:1.8s ease-in-out infinite kickerBounce,3.2s linear infinite kickerShimmer;display:inline-flex;position:relative}.celebration-kicker:before,.celebration-kicker:after{content:"";background:linear-gradient(90deg,#ff3f9a 0 28%,#ffd445 28% 55%,#16d9ff 55% 78%,#65ff91 78%);border-radius:999px;width:3.6rem;height:.9rem;position:absolute;top:50%;box-shadow:0 0 14px #ffd445b3,0 0 24px #ff3f9a5c}.celebration-kicker:before{left:.6rem;transform:translateY(-50%)rotate(-12deg)}.celebration-kicker:after{right:.6rem;transform:translateY(-50%)rotate(12deg)}.celebration-kicker::selection{color:#fff;background:#ff3f9a66}.celebration-title{color:#fff;letter-spacing:0;text-shadow:0 0 10px #ffffffc7,0 0 26px #ffd445b8,0 0 54px #ff3f9ab8,0 0 92px #16d9ff8a;margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:6.8rem;font-weight:900;line-height:.95;animation:1.35s ease-in-out infinite titlePulse;transform:translateZ(34px)}.celebration-subtitle{color:#fff5cf;letter-spacing:.08em;text-shadow:0 0 16px #000000b8,0 0 32px #ffd44599;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:2rem;font-weight:800;transform:translateZ(18px)}.celebration-view.pointer-pop .celebration-kicker,.celebration-view.pointer-pop .celebration-title,.celebration-view.pointer-pop .celebration-subtitle{animation-duration:.72s}.celebration-view.pointer-pop .celebration-light{opacity:.94;filter:saturate(1.35)brightness(1.2)}.celebration-burst-word{z-index:6;--word-rotate:0deg;color:#0000;-webkit-text-fill-color:transparent;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 16px #16d9ffd1,0 0 28px #ff3f9aa8,0 0 42px #ffd4455c;filter:drop-shadow(0 0 10px #ffffff2e);transform:translate3d(calc(var(--word-x) * var(--word-depth,1)), calc(var(--word-y) * var(--word-depth,1)), 0) rotate(var(--word-rotate));pointer-events:none;background:linear-gradient(90deg,#16d9ff,#fff,#ff3f9a,#ffd445);-webkit-background-clip:text;background-clip:text;padding:.18rem .46rem;font-size:1rem;font-weight:900;animation:4.8s ease-in-out infinite wordFloat,1.7s steps(2,end) infinite wordGlitch;position:absolute}.celebration-burst-word:before,.celebration-burst-word:after{content:attr(data-text);padding:inherit;opacity:.6;-webkit-text-fill-color:transparent;mix-blend-mode:screen;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.celebration-burst-word:before{clip-path:inset(0 0 54%);background-image:linear-gradient(90deg,#16d9ff,#0000 70%);animation:2.1s linear infinite wordScan;transform:translate(-.08rem,-.04rem)}.celebration-burst-word:after{clip-path:inset(52% 0 0);background-image:linear-gradient(90deg,#0000 20%,#ff3f9a,#ffd445);animation:2.4s linear infinite reverse wordScan;transform:translate(.08rem,.04rem)}.word-freedom{--word-rotate:-6deg;--word-depth:-.55;top:19%;left:5.5%}.word-cheers{--word-rotate:4deg;--word-depth:.75;animation-delay:-1.4s;top:24%;right:6.5%}.word-done{--word-rotate:5deg;--word-depth:.9;animation-delay:-2.3s;bottom:18%;left:8%}.word-offwork{--word-rotate:-4deg;--word-depth:-.7;animation-delay:-.7s;bottom:17%;right:7.5%}.click-ribbon{width:var(--w);height:var(--h);background:linear-gradient(90deg, #ffffffd9, var(--c) 24%, color-mix(in oklab, var(--c), #000 12%) 58%, #ffffff8c);opacity:0;transform-origin:50% 42%;will-change:transform, opacity;border-radius:999px 999px 3px 3px;position:absolute;top:0;left:0;transform:translate(-999px,-999px);box-shadow:0 0 14px #ffffff57,inset 0 0 8px #ffffff5c}.click-ribbon.is-live{opacity:1}.click-ribbon:before{content:"";border-radius:inherit;background:#ffffff7a;position:absolute;inset:15% 35%}.webgpu-error{z-index:8;color:#fff7b7;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000008f;border:1px solid #ffffff59;max-width:min(560px,100vw - 2rem);padding:.9rem 1rem;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:.95rem;line-height:1.5;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes blink{0%,to{opacity:.45}50%{opacity:1}}@keyframes celebrationBgDrift{0%{transform:scale(1.035) translate3d(calc(var(--bg-x) - 0.5%), calc(var(--bg-y) - 0.4%), 0)}to{transform:scale(1.075) translate3d(calc(var(--bg-x) + 0.6%), calc(var(--bg-y) + 0.5%), 0)}}@keyframes celebrationLightSweep{0%{opacity:.52;filter:hue-rotate()}to{opacity:.86;filter:hue-rotate(34deg)}}@keyframes titlePulse{0%,to{filter:brightness();transform:translateZ(34px)scale(1)}50%{filter:brightness(1.18);transform:translate3d(0,-4px,34px)scale(1.025)}}@keyframes kickerBounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes kickerShimmer{0%{background-position:0%}to{background-position:220%}}@keyframes wordFloat{0%,to{transform:translate3d(calc(var(--word-x) * var(--word-depth,1)), calc(var(--word-y) * var(--word-depth,1)), 0) rotate(var(--word-rotate)) skewX(0deg);opacity:.5}12%{clip-path:inset(0)}50%{transform:translate3d(calc(var(--word-x) * var(--word-depth,1)), calc((var(--word-y) * var(--word-depth,1)) - 18px), 0) rotate(calc(var(--word-rotate) + 2deg)) skewX(-4deg);opacity:1}54%{clip-path:inset(12% 0 8%)}58%{clip-path:inset(0)}}@keyframes wordGlitch{0%,78%,to{letter-spacing:.16em;filter:drop-shadow(0 0 10px #ffffff2e)hue-rotate()}82%{letter-spacing:.22em;filter:drop-shadow(0 0 16px #16d9ffa6)hue-rotate(38deg)}86%{letter-spacing:.12em;filter:drop-shadow(0 0 18px #ff3f9a9e)hue-rotate(-28deg)}}@keyframes wordScan{0%{clip-path:inset(0 0 78%);opacity:.18}34%{clip-path:inset(24% 0 44%);opacity:.8}68%{clip-path:inset(62% 0 12%);opacity:.58}to{clip-path:inset(82% 0 0);opacity:.16}}@keyframes confettiFall{0%{transform:translate3d(0, -10vh, 0) rotate(var(--r))}to{transform:translate3d(var(--drift), 118vh, 0) rotate(calc(var(--r) + 720deg))}}@keyframes tickerRun{0%{background-position:0 0}to{background-position:72px 0}}@media (width<=760px){.celebration-stage{gap:.95rem;padding-inline:1rem}.celebration-title{font-size:4.4rem;line-height:1}.celebration-subtitle{font-size:1.32rem}.celebration-burst-word{display:none}.celebration-kicker{letter-spacing:.06em;padding-inline:3.3rem;font-size:1.8rem}.celebration-kicker:before,.celebration-kicker:after{width:2.15rem;height:.62rem}}@media (width<=420px){.celebration-title{font-size:3.35rem}.celebration-kicker{letter-spacing:.03em;padding-inline:2.25rem;font-size:1.35rem}.celebration-kicker:before,.celebration-kicker:after{width:1.35rem;height:.48rem}}