:root{color:#111;background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#fff;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.experience{position:relative;display:grid;min-height:100vh;min-height:100dvh;place-items:center;overflow:hidden;isolation:isolate;background:#fff;transition:background-color 1.15s cubic-bezier(.4,0,.2,1)}.experience--friends-transition,.experience--friends{background:#020308}.intro-stage,.countdown-stage,.epilogue-stage{width:100%}.intro-stage{display:grid;min-height:100vh;min-height:100dvh;padding:48px;place-items:center}.intro-mask{width:100%;padding:20px;overflow:hidden}.intro-message{max-width:min(82vw,920px);margin:0 auto;color:#111;font-size:clamp(28px,3.2vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.3;text-align:center;text-wrap:balance;will-change:opacity,transform,filter,letter-spacing;animation:message-breathe 3s cubic-bezier(.33,1,.68,1) both}.countdown-stage{position:relative;display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,7vh,76px) clamp(30px,6vw,96px);transform:translateY(-1.5vh);animation:stage-arrive .85s cubic-bezier(.22,1,.36,1) both}.countdown-title{margin:0 0 clamp(72px,11vh,118px);color:#161616;font-size:clamp(24px,2.55vw,39px);font-weight:400;letter-spacing:-.035em;line-height:1.2;text-align:center;will-change:opacity,transform,filter;animation:title-arrive 1.2s cubic-bezier(.16,1,.3,1) 80ms both}.countdown{display:grid;grid-template-columns:auto auto auto auto auto auto auto;align-items:start;justify-content:center;width:min(100%,1130px);column-gap:clamp(14px,2.5vw,40px);font-variant-numeric:tabular-nums lining-nums}.countdown-unit{display:grid;grid-template-rows:auto auto;justify-items:center;min-width:0;will-change:opacity,transform,filter;animation:unit-arrive 1.1s cubic-bezier(.16,1,.3,1) var(--unit-delay) both}.countdown-value-shell,.countdown-separator{color:#0d0d0d;font-size:clamp(72px,10vw,150px);font-weight:500}.countdown-value-shell{position:relative;display:block;min-width:1.95ch;margin-inline:-.1em;padding-inline:.1em;overflow:hidden;letter-spacing:-.045em;line-height:1.08;text-align:center}.countdown-value{display:block;min-width:1.75ch;line-height:1.08;will-change:opacity,transform}.countdown-value--previous{position:absolute;top:0;right:0;bottom:0;left:0}.countdown-value-shell--rolling .countdown-value--previous{animation:digit-out .4s cubic-bezier(.4,0,.2,1) both}.countdown-value-shell--rolling .countdown-value--current{animation:digit-in .42s cubic-bezier(.16,1,.3,1) both}.countdown-separator{transform:translateY(-.035em);font-weight:400;letter-spacing:0;line-height:.86;will-change:opacity,transform,filter;animation:separator-arrive .9s cubic-bezier(.16,1,.3,1) var(--unit-delay) both}.countdown-label{margin-top:clamp(26px,3.2vh,34px);color:#535353;font-size:clamp(18px,1.6vw,24px);font-weight:400;letter-spacing:0;line-height:1}.shutdown-note{margin:clamp(76px,10vh,108px) 0 0;color:#282828;font-size:clamp(16px,1.55vw,23px);font-weight:400;letter-spacing:-.025em;line-height:1.4;text-align:center;will-change:opacity,transform,filter;animation:note-arrive 1s cubic-bezier(.16,1,.3,1) .82s both}.dust-grain{display:inline-block;transform-origin:50% 55%;white-space:pre}.continue-prompt{position:absolute;bottom:clamp(24px,4.5vh,50px);left:50%;display:flex;min-width:220px;padding:10px 18px;flex-direction:column;align-items:center;gap:10px;border:0;color:#767676;background:transparent;font:inherit;cursor:pointer;transform:translate(-50%);transition:color .28s ease;animation:continue-arrive 1.1s cubic-bezier(.16,1,.3,1) both}.continue-prompt:hover{color:#262626}.continue-prompt:focus-visible{border-radius:8px;outline:1px solid #767676;outline-offset:4px}.continue-icon{flex:none;animation:continue-float 2.4s cubic-bezier(.45,0,.25,1) .9s infinite}.continue-copy{display:block;font-size:14px;font-weight:400;letter-spacing:.015em;line-height:1.4;white-space:nowrap}.countdown-stage.is-dispersing{pointer-events:none}.countdown-stage.is-dispersing .countdown-value-shell{overflow:visible}.countdown-stage.is-dispersing .dust-grain{will-change:opacity,transform,filter;animation:dust-away 1.55s cubic-bezier(.55,0,.9,.45) var(--dust-delay) both!important}.countdown-stage.is-dispersing .continue-icon{animation:dust-icon-away .85s cubic-bezier(.55,0,.9,.45) both}.epilogue-stage{position:relative;display:grid;min-height:100vh;min-height:100dvh;padding:clamp(36px,7vw,96px);place-items:center}.epilogue-message{max-width:min(82vw,900px);margin:0;color:#111;font-size:clamp(27px,3.1vw,46px);font-weight:500;letter-spacing:-.04em;line-height:1.48;text-align:center;text-wrap:balance;will-change:opacity,transform,filter,letter-spacing;animation:epilogue-arrive 1.65s cubic-bezier(.16,1,.3,1) both}.epilogue-stage.is-departing{pointer-events:none}.epilogue-stage.is-departing .epilogue-message{animation:epilogue-depart .9s cubic-bezier(.55,0,.9,.45) both}.epilogue-stage.is-departing .continue-prompt{animation:prompt-dive .78s cubic-bezier(.55,0,.9,.45) both}.friends-stage{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 50%,rgba(121,165,255,.12),transparent 8%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.045),transparent 34%)}.friends-stage:before{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 18%,rgba(2,3,8,.12) 48%,#020308 100%);content:"";pointer-events:none}.friends-depth{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 0 .7px,transparent 1.4px),radial-gradient(circle at 34% 61%,rgba(139,173,255,.12) 0 .7px,transparent 1.6px);background-size:82px 82px,127px 127px;opacity:0;transform:scale(.92);will-change:opacity,transform;animation:depth-enter 1.8s linear both,depth-drift 7s linear 1.8s infinite}.friends-flight-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-style:preserve-3d}.friend-name{position:absolute;top:50%;left:50%;display:block;max-width:86vw;color:#fffffff5;font-size:clamp(18px,var(--friend-font-size),40px);font-weight:500;letter-spacing:-.035em;line-height:1;text-align:center;text-shadow:0 0 22px rgba(154,190,255,.3);white-space:nowrap;opacity:0;transform:translate3d(calc(-50% + var(--friend-start-x)),calc(-50% + var(--friend-start-y)),0) scale(.12) rotate(var(--friend-rotation));filter:blur(9px);will-change:opacity,transform,filter;animation:friend-warp var(--friend-duration) linear both}.friends-reduced-name{position:absolute;z-index:2;top:50%;left:50%;width:min(82vw,900px);margin:0;color:#fffffff0;font-size:clamp(28px,5vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.2;text-align:center;transform:translate(-50%,-50%)}@keyframes message-breathe{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(13px);letter-spacing:.035em}24%,70%{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-.035em}to{opacity:0;transform:translateY(-11px) scale(1.008);filter:blur(8px);letter-spacing:.012em}}@keyframes stage-arrive{0%{opacity:0}to{opacity:1}}@keyframes title-arrive{0%{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes unit-arrive{0%{opacity:0;transform:translateY(30px) scale(.975);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes separator-arrive{0%{opacity:0;transform:translateY(calc(-.035em + 20px));filter:blur(7px)}to{opacity:1;transform:translateY(-.035em);filter:blur(0)}}@keyframes note-arrive{0%{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes digit-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18%)}}@keyframes digit-in{0%{opacity:.18;transform:translateY(22%)}to{opacity:1;transform:translateY(0)}}@keyframes continue-arrive{0%{opacity:0;transform:translate(-50%,12px);filter:blur(5px)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}@keyframes continue-float{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(5px);opacity:1}}@keyframes dust-away{0%,8%{opacity:1;transform:translateZ(0) rotate(0);filter:blur(0)}48%{opacity:.72}to{opacity:0;transform:translate3d(var(--dust-x),var(--dust-y),0) rotate(var(--dust-rotation));filter:blur(6px)}}@keyframes dust-icon-away{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-38px) scale(.72);filter:blur(5px)}}@keyframes epilogue-arrive{0%{opacity:0;transform:translateY(18px) scale(.99);filter:blur(12px);letter-spacing:.015em}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:-.04em}}@keyframes epilogue-depart{0%{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(0,-24px,-120px) scale(.84);filter:blur(12px)}}@keyframes prompt-dive{0%{opacity:1;transform:translate3d(-50%,0,0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(-50%,38px,0) scale(.82);filter:blur(8px)}}@keyframes depth-enter{0%{opacity:0;transform:scale(.92)}to{opacity:.7;transform:scale(1.08)}}@keyframes depth-drift{0%{background-position:0 0,0 0;transform:scale(1.08)}to{background-position:-164px 164px,254px -254px;transform:scale(1.22)}}@keyframes friend-warp{0%{opacity:0;transform:translate3d(calc(-50% + var(--friend-start-x)),calc(-50% + var(--friend-start-y)),0) scale(.12) rotate(var(--friend-rotation));filter:blur(9px)}12%{opacity:.86;filter:blur(.8px)}74%{opacity:1;filter:blur(0)}to{opacity:0;transform:translate3d(calc(-50% + var(--friend-end-x)),calc(-50% + var(--friend-end-y)),0) scale(4.8) rotate(var(--friend-rotation));filter:blur(15px)}}@keyframes message-breathe-mobile{0%{opacity:0;transform:translate3d(0,12px,0)}24%,70%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-8px,0)}}@keyframes epilogue-arrive-mobile{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:720px){.experience,.intro-stage,.countdown-stage,.epilogue-stage,.friends-stage{min-height:100vh;min-height:100svh}.intro-stage{padding:30px}.intro-message{width:min(100%,520px);max-width:none;font-size:clamp(26px,7.4vw,36px);letter-spacing:-.035em;line-height:1.38;line-break:strict;overflow-wrap:anywhere;will-change:opacity,transform;animation:message-breathe-mobile 3s cubic-bezier(.33,1,.68,1) both}.intro-mask{padding:16px 0}.countdown-stage{padding:42px 24px;transform:none}.countdown-title{margin-bottom:clamp(54px,9vh,82px);font-size:clamp(23px,6.5vw,30px)}.countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(42px,7vh,66px) 28px;width:min(100%,440px)}.countdown-value-shell,.countdown-separator{font-size:clamp(68px,22vw,96px)}.countdown-separator{display:none}.countdown-label{margin-top:20px;font-size:18px}.shutdown-note{margin-top:clamp(60px,9vh,84px);font-size:16px}.continue-prompt{bottom:max(18px,env(safe-area-inset-bottom))}.epilogue-stage{padding:30px}.epilogue-message{width:min(100%,680px);max-width:none;margin-inline:auto;font-size:clamp(25px,7vw,34px);letter-spacing:-.04em;line-height:1.52;line-break:strict;overflow-wrap:anywhere;will-change:opacity,transform;animation:epilogue-arrive-mobile 1.35s cubic-bezier(.16,1,.3,1) both}.friend-name{max-width:92vw;font-size:clamp(18px,var(--friend-font-size),34px)}}@media(max-height:680px)and (min-width:721px){.countdown-stage{transform:none}.countdown-title{margin-bottom:54px}.shutdown-note{margin-top:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.countdown-value--previous{display:none}.continue-icon{animation:none}.friends-depth{opacity:.42;animation:none}}