:root{font-family:Geist,sans-serif;color:#1b1b1d;background:#faf9f6;font-synthesis:none;--paper:#faf9f6;--ink:#1b1b1d;--teal:#32b9ad;--yellow:#e2b321;--orange:#f08a3c;--red:#eb5b61;--pink:#d85b9d;--purple:#886bd8;--blue:#4f83d8;--line:rgba(27,27,29,.15)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit;color:inherit}button{border:0}main{--cursor-x:50vw;--cursor-y:50vh;--drift-x:0px;--drift-y:0px;position:relative;width:100vw;height:100dvh;overflow:hidden;background:linear-gradient(135deg,#fffefa,#faf9f6 52%,#f6f8fb);color:var(--ink);isolation:isolate;transition:background .7s cubic-bezier(.2,.8,.2,1),color .5s}.grain{position:absolute;z-index:90;inset:-50%;pointer-events:none;opacity:.033;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .25s steps(2) infinite}.ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;display:block;border-radius:50%;filter:blur(12px);will-change:transform;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .5s}.ambient i:nth-child(1){width:28vw;height:28vw;min-width:320px;min-height:320px;right:-12vw;top:-17vw;background:#eb5b6121;transform:translate(var(--drift-x),var(--drift-y))}.ambient i:nth-child(2){width:22vw;height:22vw;min-width:260px;min-height:260px;left:-9vw;bottom:-13vw;background:#4f83d821;transform:translate(calc(var(--drift-x) * -.7),calc(var(--drift-y) * -.7))}.ambient i:nth-child(3){width:15vw;height:15vw;min-width:160px;min-height:160px;left:43vw;top:13vh;background:#e2b3211a;filter:blur(30px);transform:translate(calc(var(--drift-x) * .45),calc(var(--drift-y) * .45))}.ambient i:nth-child(4){width:15vw;height:15vw;right:19vw;bottom:-6vw;background:#32b9ad17;filter:blur(28px);transform:translate(calc(var(--drift-x) * -.35),calc(var(--drift-y) * .35))}.site-header{position:absolute;z-index:50;left:0;right:0;top:0;height:84px;padding:0 clamp(20px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font:500 9px DM Mono,monospace;letter-spacing:.13em}.monogram{text-decoration:none;font-family:Geist;font-size:12px;font-weight:700;letter-spacing:-.04em}.monogram span{display:inline-block;margin:0 8px;color:var(--red)}.occasion{text-align:center}.occasion span{margin-left:18px;color:#1b1b1d75}.mode-toggle{justify-self:end;height:38px;display:flex;align-items:center;gap:10px;padding:4px 5px 4px 12px;border:1px solid currentColor;border-radius:99px;background:#faf9f6c7;font:500 8px DM Mono,monospace;letter-spacing:.07em;cursor:pointer;transition:transform .25s,background .25s,opacity .25s}.mode-toggle:hover{transform:translateY(-2px);background:#fff}.mode-toggle i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;font-style:normal}.mode-toggle:disabled{opacity:.34;cursor:default;transform:none}.progress{position:absolute;z-index:50;right:clamp(20px,3vw,48px);top:106px;width:min(245px,40vw)}.progress-copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font:500 8px DM Mono,monospace;letter-spacing:.12em}.progress-copy b{font-weight:500;color:var(--red)}.progress-track{height:3px;background:var(--line);overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--red),var(--purple),var(--blue))}.playground{position:absolute;z-index:5;inset:84px 0 0}.intro-copy{position:absolute;z-index:12;top:41px;left:clamp(20px,3vw,48px);pointer-events:none}.intro-copy span{font:500 8px DM Mono,monospace;letter-spacing:.17em;color:var(--red)}.intro-copy p{margin:8px 0 0;font-size:12px;letter-spacing:-.02em;color:#1b1b1d94}.physics-stage{position:absolute;z-index:10;inset:0;overflow:hidden;touch-action:none}.home-line{position:absolute;left:4vw;right:4vw;top:39%;height:1px;background:linear-gradient(90deg,transparent,var(--line) 13%,var(--line) 87%,transparent);opacity:.54}.home-line:after{content:"HOME";position:absolute;right:0;top:8px;font:500 7px DM Mono,monospace;letter-spacing:.15em;color:#1b1b1d47}.physics-letter{position:absolute;z-index:4;left:0;top:0;width:clamp(52px,8.7vw,126px);height:clamp(78px,12.1vw,174px);display:grid;place-items:center;padding:0;background:transparent;color:var(--ink);font:700 clamp(77px,12vw,176px)/.7 "Geist",sans-serif;letter-spacing:-.09em;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:center;will-change:transform,filter,color;text-shadow:0 14px 28px rgba(27,27,29,.1);transition:color 5.2s cubic-bezier(.45,0,.2,1),text-shadow .35s,filter .35s}.physics-letter:active{cursor:grabbing;filter:drop-shadow(0 22px 18px rgba(27,27,29,.2))}.physics-letter:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:9px}.phase-settling .physics-letter,.phase-complete .physics-letter{transition:color .85s,text-shadow .4s;cursor:default}.phase-complete{pointer-events:none}.phase-complete .physics-letter{text-shadow:0 8px 16px rgba(27,27,29,.07)}.instruction{position:absolute;z-index:14;left:clamp(20px,3vw,48px);bottom:30px;display:flex;align-items:center;gap:12px;font:500 8px DM Mono,monospace;letter-spacing:.13em;pointer-events:none}.instruction i{width:31px;height:31px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;animation:nudge 1.8s ease-in-out infinite}.ambient-message{position:absolute;z-index:3;inset:0;pointer-events:none}.particle-field{position:absolute;inset:0;overflow:hidden}.ambient-character{position:absolute;display:block;font:500 10px/1 DM Mono,monospace;opacity:.23;will-change:transform,opacity;animation:ambientFloat var(--float-duration) ease-in-out var(--float-delay) infinite alternate}.is-gathering .ambient-character{z-index:2}.is-assembled .particle-field{opacity:0;transition:opacity .3s}.assembled-copy{position:absolute;left:50%;top:57%;width:min(880px,78vw);transform:translate(-50%);text-align:center;opacity:0}.assembled-copy p{margin:0;font:600 clamp(20px,2.35vw,34px)/1.08 "Geist",sans-serif;letter-spacing:-.045em}.message-word{display:inline-block;white-space:nowrap;margin-right:.25em}.message-character{display:inline-block}.assembled-copy small{display:block;margin-top:16px;font:500 8px DM Mono,monospace;letter-spacing:.13em;color:var(--ink)}.is-assembled .assembled-copy{opacity:1;transition:opacity .2s}.restart{position:absolute;z-index:30;right:clamp(20px,3vw,48px);bottom:27px;padding:7px 7px 7px 13px;border:1px solid var(--ink);border-radius:99px;background:#faf9f6e0;font:500 8px DM Mono,monospace;letter-spacing:.09em;cursor:pointer;pointer-events:auto}.restart span{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:13px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:13px;transition:transform .4s}.restart:hover span{transform:rotate(-180deg)}.torch{position:absolute;z-index:35;inset:0;pointer-events:none;opacity:0;background:#050608fb;-webkit-mask-image:radial-gradient(circle 250px at var(--cursor-x) var(--cursor-y),transparent 0,transparent 73%,#000 78%,#000 100%);mask-image:radial-gradient(circle 250px at var(--cursor-x) var(--cursor-y),transparent 0,transparent 73%,#000 78%,#000 100%);transition:opacity .5s}.is-night{background:#08090c;color:#faf9f6}.is-night .torch{opacity:1}.is-night .site-header{--line:rgba(250,249,246,.18)}.is-night .occasion span,.is-night .intro-copy p{color:#faf9f67a}.is-night .mode-toggle{background:#08090ca6}.is-night .mode-toggle:hover{background:#17191e}.is-night .mode-toggle i{background:#faf9f6;color:#08090c}.is-night .progress-track{background:#faf9f626}.is-night .home-line{background:linear-gradient(90deg,transparent,rgba(250,249,246,.16) 13%,rgba(250,249,246,.16) 87%,transparent)}.is-night .home-line:after{color:#faf9f64d}.is-night .ambient i{opacity:.11}.is-night .ambient-character{opacity:.35}.is-night .assembled-copy small{color:#faf9f6}@keyframes grain{0%{transform:translateZ(0)}25%{transform:translate3d(2%,1%,0)}50%{transform:translate3d(-1%,2%,0)}75%{transform:translate3d(1%,-2%,0)}to{transform:translate3d(-2%,-1%,0)}}@keyframes nudge{50%{transform:translate(3px,-3px)}}@keyframes ambientFloat{0%{transform:translate3d(-8px,-7px,0) rotate(var(--float-rotation))}50%{transform:translate3d(11px,5px,0) rotate(calc(var(--float-rotation) * -.5))}to{transform:translate3d(-3px,13px,0) rotate(var(--float-rotation))}}@media(max-width:760px){.site-header{height:70px;padding:0 15px;grid-template-columns:1fr 1fr}.occasion{display:none}.mode-toggle{height:34px;padding:4px}.mode-toggle span{display:none}.playground{inset:70px 0 0}.progress{top:88px;right:16px;width:145px}.intro-copy{top:18px;left:16px}.intro-copy p{display:none}.physics-letter{width:calc((100vw - 52px)/7);height:calc((100vw - 52px)/4.6);font-size:calc((100vw + 50px)/7)}.home-line{top:38%}.assembled-copy{top:55%;width:88vw}.assembled-copy p{font-size:5.4vw;line-height:1.12}.assembled-copy small{font-size:6px;letter-spacing:.07em;margin-top:12px}.ambient-character{font-size:8px;opacity:.2}.instruction{left:16px;bottom:18px}.restart{right:15px;bottom:15px}.torch{-webkit-mask-image:radial-gradient(circle 155px at var(--cursor-x) var(--cursor-y),transparent 0,transparent 72%,#000 78%,#000 100%);mask-image:radial-gradient(circle 155px at var(--cursor-x) var(--cursor-y),transparent 0,transparent 72%,#000 78%,#000 100%)}}@media(max-height:700px)and (min-width:761px){.site-header{height:66px}.playground{inset:66px 0 0}.progress{top:82px}.intro-copy{top:18px}.physics-letter{font-size:21vh}.assembled-copy{top:55%}.assembled-copy p{font-size:4.2vh}.instruction,.restart{bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.phase-complete .physics-letter:focus-visible{outline:none}.ambient-message.is-assembled{z-index:20;pointer-events:auto}@keyframes restartIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.restart{animation:restartIn .55s cubic-bezier(.16,1,.3,1) both}:root{--apple-display:"SF Pro Display","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;font-family:var(--apple-display)}body,button,a,.site-header,.monogram,.mode-toggle,.progress-copy,.intro-copy span,.home-line:after,.instruction,.restart{font-family:var(--apple-display)}.physics-letter{width:clamp(52px,8.2vw,118px);font-family:var(--apple-display);font-weight:600;letter-spacing:-.005em}.ambient-character{color:#111;font-family:var(--apple-display);font-size:clamp(18px,1.65vw,25px);font-weight:400;line-height:1;opacity:.68;animation:none;text-shadow:0 1px 0 rgba(255,255,255,.35)}.assembled-copy{top:56.5%;width:min(920px,82vw)}.assembled-copy p,.love-line{margin:0;color:var(--ink);font-family:var(--apple-display);font-size:clamp(18px,1.65vw,25px);font-weight:400;line-height:1.16;letter-spacing:.007em}.love-line{margin-top:13px}.message-character{color:inherit}.assembled-copy small{margin-top:17px;font-family:var(--apple-display);font-size:10px;font-weight:400;letter-spacing:.08em}.is-night .ambient-character{color:#f5f5f7;text-shadow:none}@media(max-width:760px){.ambient-character,.assembled-copy p,.love-line{font-size:clamp(15px,4.2vw,18px)}.assembled-copy{top:54%;width:91vw}.love-line{margin-top:10px}.physics-letter{width:calc((100vw - 52px)/7);letter-spacing:-.01em}}.assembled-copy{top:55%;width:min(980px,84vw)}.assembled-copy p{max-width:980px;margin-inline:auto}.affection-line{margin-top:17px;color:var(--ink);font-family:var(--apple-display);font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.1;letter-spacing:.007em}.love-line{margin-top:31px;font-size:clamp(27px,2.75vw,40px);line-height:1.05}.affection-line .message-word:last-child .message-character:last-child{color:#ff3b30;font-family:"Apple Color Emoji",SF Pro Display,sans-serif;transform-origin:center;animation:heartBeat 1.45s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(255,59,48,.2))}@keyframes heartBeat{0%,38%,to{transform:scale(1)}12%{transform:scale(1.22)}22%{transform:scale(.96)}29%{transform:scale(1.13)}}@media(max-width:760px){.assembled-copy{top:52.5%;width:92vw}.assembled-copy p{font-size:15px;line-height:1.18}.affection-line{margin-top:12px;font-size:21px}.love-line{margin-top:20px;font-size:27px}.assembled-copy small{margin-top:13px}}@font-face{font-family:Kritika SF Pro;src:url(/fonts/sf-pro-display-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kritika SF Pro;src:url(/fonts/sf-pro-display-semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}:root{--apple-display:"Kritika SF Pro","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif}main,main *{font-family:var(--apple-display)!important;font-weight:400!important}.physics-letter{font-weight:600!important}.affection-line .message-word:last-child .message-character:last-child{font-family:"Apple Color Emoji",Kritika SF Pro,sans-serif!important}.monogram{font-size:11px;letter-spacing:0;text-transform:none}.home-line{top:34%}.assembled-copy{top:58.5%}@media(max-width:760px){.home-line{top:34%}.assembled-copy{top:52.5%;width:92vw}.monogram{font-size:10px}.site-header{padding-inline:16px}.mode-toggle{min-width:36px;min-height:36px}.restart{min-height:38px}.ambient-character{opacity:.58}}