:root{--bg:#fbf7f1;--ink:#221d1b;--ink-soft:#7d726c;--rose:#8d6bb0;--rose-deep:#5f5553;--sage:#3e3d35;--paper:#fffdf9;--prism:linear-gradient(90deg, #e59a5c, #9fc0e4 55%, #8d6bb0);--font-serif:"Cormorant Garamond", "Georgia", serif;--font-hand:"Caveat", "Segoe Script", cursive;--font-script:"Homemade Apple", "Caveat", cursive;--font-type:"Courier Prime", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;height:100%;margin:0}body{background:0 0;overflow:hidden}body:before{content:"";z-index:-1;background:var(--bg) url(/wall.jpg) center / cover no-repeat;will-change:transform;animation:70s ease-in-out infinite alternate wall-drift;position:fixed;inset:-3%}@keyframes wall-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.04)translate(-.6%,.4%)}}body:after{content:"";z-index:-1;pointer-events:none;will-change:transform;background:linear-gradient(100deg,#e59a5c00 40%,#e59a5c33 45.5%,#9fc0e442 50%,#8d6bb038 54.5%,#8d6bb000 60%);animation:46s ease-in-out infinite alternate wall-light;position:fixed;inset:-30% -60%}@keyframes wall-light{0%{transform:translate(-30%)rotate(0)}to{transform:translate(30%)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}#splash{z-index:20;opacity:0;object-fit:cover;object-position:center;background:var(--bg);width:100%;height:100%;display:block;position:fixed;inset:0}#splash-veil{z-index:21;pointer-events:none;opacity:0;background:radial-gradient(#fff0 45%,#6e3c3c29 100%);position:fixed;inset:0}#splash-veil:after{content:"";mix-blend-mode:soft-light;opacity:.28;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.45 0 0 0 0 0.45 0 0 0 1 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px;position:absolute;inset:0}#petals{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}#app{z-index:1;height:100vh;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(2rem,5vh,4rem);height:100dvh;padding:clamp(2.5rem,6vh,5rem) 1.25rem 0;display:flex;position:relative}.petal,.bud ellipse,.leaf path:first-child{fill-opacity:.82}.bloom{pointer-events:none;z-index:0;width:clamp(180px,28vw,420px);height:auto;position:fixed;overflow:visible}.bloom--left{bottom:-1vh;left:-2vw}.bloom--right{top:-1vh;right:-2vw;transform:rotate(180deg)}.flower-text{width:min(92vw,1100px);margin:0;line-height:0}.flower-text svg{width:100%;height:auto;max-height:58vh;overflow:visible}.flower-text .vine-shadow{fill:none;stroke:#261b154d;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transform:translate(2px,5px)}.flower-text .vine-light{fill:none;stroke:#fff7ec80;stroke-width:.8px;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-.9px)}.prism-sweep,.flower-text svg,.glint{pointer-events:none}.flower-text .vine{fill:none;stroke:#2a2321;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.flower-text .tendril{fill:none;stroke:#3a3330;stroke-width:1.3px;stroke-linecap:round}.countdown{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:clamp(.7rem,2.2vw,1.8rem);margin-top:-4vh;display:flex}.unit{flex-direction:column;align-items:center;min-width:3.2ch;display:flex}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#0000;background-image:linear-gradient(100deg, var(--ink) 0 38%, #c77c42 44%, #6f98c8 50%, #7a5aa0 56%, var(--ink) 62% 100%);background-position:100% 0;background-size:500% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4.9vw,3.5rem);font-weight:300;line-height:1;animation:13s ease-in-out infinite num-glint;display:inline-block}@keyframes num-glint{0%,55%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.num{color:var(--ink);background-image:none;animation:none}}.label{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem;font-size:.6rem}.sep{background:var(--prism);color:#0000;-webkit-background-clip:text;background-clip:text;align-self:center;font-size:clamp(1.25rem,3.5vw,2.25rem);font-weight:300;transform:translateY(-.4em)}.today{margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-style:italic;font-weight:300}.letter-button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.35rem;margin-top:calc(-1*clamp(2rem,5vh,4rem) + 1.1rem);padding:.4rem .8rem;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex}.letter-button:hover,.letter-button:focus-visible{outline:none;transform:translateY(-2px)}.letter-button .label{margin-top:0;transition:color .4s}.letter-button:hover .label,.letter-button[aria-expanded=true] .label{color:var(--ink)}.envelope{fill:#fffcf78c;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px #281e1929);overflow:visible}.envelope .env-fold{fill:none;stroke-opacity:.6}.envelope .env-hatch{fill:none;stroke-width:.9px;stroke-opacity:.45}.envelope .env-flap{fill:#fffcf7e6}.envelope .env-over{fill:none;stroke-width:.7px;stroke-opacity:.4}.envelope .env-seal{fill:#a98bc5;stroke:none}.letter-button:hover .env-seal{fill:#c77c42}.letter{z-index:10;place-items:center;display:grid;position:fixed;inset:0}.letter[hidden]{display:none}.letter__veil{-webkit-backdrop-filter:blur(9px)saturate(.9);backdrop-filter:blur(9px)saturate(.9);cursor:pointer;background:#fbf7f16b;position:absolute;inset:0}.letter--plain .letter__veil{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf7f1b8}.letter__sheet{will-change:transform;filter:drop-shadow(0 2px 2px #281e191a)drop-shadow(0 26px 30px #281e1947);position:relative}.letter--plain .letter__sheet{filter:drop-shadow(0 6px 8px #281e1940)}.letter__paper{width:min(500px,92vw);max-height:88vh;max-height:88dvh;clip-path:var(--edge,none);--pad-b:clamp(2rem, 5vh, 3rem);padding:clamp(2rem, 5vh, 3.4rem) clamp(1.6rem, 6vw, 3.6rem) var(--pad-b);color:#2a2420;text-align:center;background-color:#f1ece2;background-image:radial-gradient(at 50% 30%,#fffdf8b3,#fffdf800 70%),linear-gradient(#7864500d,#78645000 18% 82%,#78645012),linear-gradient(179.3deg,#0000 calc(33.3% - 2px),#46372d1a 33.3%,#ffffff80 calc(33.3% + 1px),#0000 calc(33.3% + 3px)),linear-gradient(180.5deg,#0000 calc(66.6% - 2px),#46372d1a 66.6%,#ffffff80 calc(66.6% + 1px),#0000 calc(66.6% + 3px));outline:none;flex-direction:column;align-items:center;display:flex;position:relative;overflow:auto}.letter__paper:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.48  0 0 0 0 0.40  0 0 0 0 0.34  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.letter__paper>*{position:relative}.letter__seal{place-items:center;width:56px;height:56px;margin-bottom:clamp(1.2rem,3vh,2rem);display:grid}.letter__seal svg{overflow:visible}.letter__seal .ring{fill:none;stroke:#2a24208c;stroke-width:.8px;stroke-linecap:round}.letter__meta{text-align:left;width:100%;margin:0 0 clamp(1.4rem,4vh,2.4rem)}.letter__meta>div{align-items:baseline;gap:.8rem;padding:.3rem 0 .2rem;display:flex;position:relative}.letter__meta .rule{fill:none;stroke:#2a242066;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke;width:100%;height:5px;position:absolute;bottom:-2px;left:0;right:0}.letter__meta dt{font-family:var(--font-type);letter-spacing:.3em;text-transform:uppercase;color:#2a2420bf;margin:0;font-size:.62rem}.letter__meta dd{font-family:var(--font-script);color:#2a2420c7;margin:0;font-size:.92rem;line-height:1.3}.letter__title{font-family:var(--font-serif);letter-spacing:.03em;text-transform:uppercase;margin:0 0 clamp(1.2rem,3vh,1.8rem);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:400;line-height:1.05}.letter__body{max-width:34em}.letter__body p{font-family:var(--font-type);letter-spacing:.18em;text-transform:uppercase;color:#2a2420e6;margin:0 0 1rem;font-size:.66rem;line-height:1.75}.letter__closing{font-family:var(--font-type);letter-spacing:.32em;text-transform:uppercase;margin:clamp(1.4rem,4vh,2.4rem) 0 .4rem;font-size:.62rem}.letter__sign{font-family:var(--font-script);color:var(--rose-deep);margin:0;font-size:1.05rem}.letter__ps{font-family:var(--font-script);color:#2a2420cc;transform-origin:0;margin:clamp(1rem,3vh,1.6rem) 0 0;font-size:1rem;transform:rotate(-1.5deg)}.letter__more{cursor:pointer;font-family:var(--font-type);letter-spacing:.3em;text-transform:uppercase;color:var(--rose-deep);text-underline-offset:.4em;background:0 0;border:0;align-items:baseline;gap:.5em;margin:clamp(1.4rem,4vh,2.2rem) 0 0;padding:.3rem .2rem;font-size:.64rem;-webkit-text-decoration:underline wavy #5f555373;text-decoration:underline wavy #5f555373;transition:color .3s,text-decoration-color .3s;display:inline-flex}.letter__more .arrow{text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:inline-block}.letter__more:hover,.letter__more:focus-visible{color:#2a2420;outline:none;text-decoration-color:#c77c42}.letter__more:hover .arrow,.letter__more:focus-visible .arrow{transform:translate(4px)}.letter--wide .letter__paper{width:min(700px,92vw)}.letter--wide .letter__body{max-width:none}.letter--tight .letter__paper{--pad-b:1.4rem;padding-top:1.4rem}.letter--tight .letter__seal,.letter--tight .letter__seal svg{width:40px;height:40px}.letter--tight .letter__seal{margin-bottom:.6rem}.letter--tight .letter__meta{margin-bottom:1rem}.letter--tight .letter__title{margin-bottom:.8rem;font-size:1.8rem}.letter--tight .letter__body p{margin-bottom:.6rem;line-height:1.6}.letter--tight .letter__closing{margin-top:.9rem}.letter--tight .letter__ps{margin-top:.5rem}.letter--tight .letter__more{margin-top:.7rem}.letter__paper>.letter__cue{bottom:calc(-1 * var(--pad-b));margin-top:calc(-3rem - var(--pad-b));height:calc(3rem + var(--pad-b));padding-bottom:calc(var(--pad-b) * .5);pointer-events:none;font-family:var(--font-type);letter-spacing:.3em;text-transform:uppercase;color:#2a242099;background:linear-gradient(#f1ece200,#f1ece2 70%);flex:none;justify-content:center;align-self:stretch;align-items:flex-end;gap:.5em;font-size:.58rem;transition:opacity .4s;display:none;position:sticky}.letter__paper--scrolls>.letter__cue{display:flex}.letter__paper--end>.letter__cue{opacity:0}.letter__cue .arrow{animation:1.6s ease-in-out infinite cue-bob}@keyframes cue-bob{50%{transform:translateY(3px)}}html.letter-open .note{pointer-events:none}.notes{z-index:2;pointer-events:none;position:fixed;inset:0}.note{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:min(250px,60vw);font-family:var(--font-hand);color:var(--ink);text-align:left;will-change:transform;background-color:#fffcf794;background-image:radial-gradient(at 28% 18%,#ffffff73,#fff0 62%),linear-gradient(#3c322d00 60%,#3c322d0d 100%);border-radius:2px;padding:1.4rem 1.3rem 1.1rem;font-size:1.35rem;line-height:1.25;transition:box-shadow .4s;position:absolute;box-shadow:0 1px 2px #281e190d,0 14px 34px -14px #281e1938}html.lite .note{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fffcf7d1}.note:before{content:"";border-radius:inherit;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.48  0 0 0 0 0.40  0 0 0 0 0.34  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.note p,.note .sign{position:relative}.note .word{white-space:nowrap;display:inline-block}.note:hover{box-shadow:0 1px 2px #281e190d,0 24px 44px -16px #281e1947}.note p{margin:0}.note .sign{text-align:right;color:var(--rose-deep);margin-top:.6rem;display:block}.note .tape{background:var(--prism);opacity:.55;width:74px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:inset 0 0 0 1px #ffffff59}@media (max-width:600px){.bloom--right{display:none}.countdown{gap:.9rem}.sep{display:none}.unit{min-width:2.6ch}.num{font-size:1.7rem}.label{letter-spacing:.2em;font-size:.55rem}.note{width:58vw;padding:1.1rem 1rem .9rem;font-size:1.15rem}.letter__paper{--pad-b:1.6rem;padding:1.8rem 1.3rem var(--pad-b)}.letter__body p{letter-spacing:.12em}}.world{z-index:30;background:#cfe6f4;position:fixed;inset:0;overflow:hidden}.world[hidden]{display:none}.world__veil{background:#fbf7f1;position:absolute;inset:0}.world__clouds{pointer-events:none;z-index:3;position:absolute;inset:0}.world__puff{will-change:transform, opacity;background:radial-gradient(#fffffff5 0 28%,#fffcf699 48%,#fff0 70%);border-radius:50%;width:70vmin;height:46vmin;margin:-23vmin 0 0 -35vmin;position:absolute;top:50%;left:50%}.world__stage{z-index:1;transform-origin:50%;will-change:transform;position:absolute;top:0;left:0}.world__plate{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.world__drift{pointer-events:none;position:absolute;inset:0 0 60%;overflow:hidden}.world__cloud{will-change:transform;background:radial-gradient(at 50% 60%,#ffffff8c 0 30%,#ffffff38 52%,#fff0 72%);border-radius:50%;width:36%;height:48%;position:absolute}.world__bears{position:absolute;inset:0}.world__bear{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;filter:drop-shadow(0 10px 10px #3c461e2e);width:auto;display:block;position:absolute}html.lite .world__bear{filter:none}.world__specks{pointer-events:none;position:absolute;inset:0}.world__speck{will-change:transform, opacity;background:#fffcf0d9;border-radius:50%;width:6px;height:6px;position:absolute}.world__lyric{z-index:4;text-align:center;width:min(84vw,760px);font-family:var(--font-hand);color:#2a2420e6;text-shadow:0 1px #ffffff73,0 0 26px #ffffffbf;pointer-events:none;opacity:0;will-change:transform, opacity;margin:0;font-size:clamp(1.55rem,3.6vw,2.7rem);font-weight:500;line-height:1.2;position:absolute;top:13vh;left:50%;transform:translate(-50%)}.world__lyric.is-chorus,.world__lyric.is-outro{color:#5f5553f2;font-size:clamp(1.75rem,4.1vw,3.1rem)}.world__ui{z-index:5;pointer-events:none;justify-content:space-between;padding:1rem 1.1rem;display:flex;position:absolute;inset:0 0 auto}.world__btn{pointer-events:auto;color:#2a2420c7;font-family:var(--font-type);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;background:#ffffff61;border:0;border-radius:2px;padding:.5rem .8rem;font-size:.62rem;transition:background .3s,color .3s}.world__btn:hover,.world__btn:focus-visible{color:#2a2420;background:#ffffff9e;outline:none}html.world-open #app,html.world-open .notes,html.world-open .bloom{visibility:hidden}@media (max-width:600px){.world__lyric{width:88vw;top:10vh}}