:root{--wine: #2b0512;--crimson: #8e0e25;--rose: #c8102e;--coral: #ff6f61;--blush: #ffb7c5;--cream: #fff4ec;--gold: #f5c46b;--display: "Fraunces", Georgia, serif;--body: "Manrope", system-ui, sans-serif;--script: "Pinyon Script", cursive}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--wine)}body{color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:0;overflow:hidden}.layer{position:absolute;inset:0;opacity:0}.l1{opacity:1;background:radial-gradient(ellipse 120% 90% at 50% 35%,#3d0713,#1f040b 55%,#0d0105)}.l2{background:radial-gradient(ellipse 120% 90% at 50% 40%,#6b0d24,#3d0713 55%,#160208)}.l3{background:radial-gradient(ellipse 120% 100% at 50% 35%,#8e0e25,#520a1c,#1c030b)}.l4{background:radial-gradient(ellipse 120% 100% at 50% 25%,#b3213d,#6b0d24,#24040e)}.blob{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.22}.b1{width:70vmax;height:70vmax;left:-25vmax;top:-20vmax;background:#ff3d5f;animation:drift1 22s ease-in-out infinite}.b2{width:60vmax;height:60vmax;right:-25vmax;top:20vh;background:#ff9a6b;opacity:.35;animation:drift2 26s ease-in-out infinite}.b3{width:55vmax;height:55vmax;left:10vw;bottom:-30vmax;background:#b3135a;animation:drift3 30s ease-in-out infinite}@keyframes drift1{50%{transform:translate(15vw,12vh) scale(1.15)}}@keyframes drift2{50%{transform:translate(-18vw,-10vh) scale(.9)}}@keyframes drift3{50%{transform:translate(12vw,-14vh) scale(1.1)}}#scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;display:block}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.kicker{font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}.big,.huge,.hey,.layered{font-family:var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:600;font-style:italic;letter-spacing:-.02em;line-height:.98;text-shadow:0 6px 40px rgba(60,0,15,.35)}.big{font-size:clamp(46px,12.5vw,120px)}.huge{font-size:clamp(70px,22vw,210px);color:var(--blush)}.soft{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(22px,5.6vw,32px);color:#fff4ecd9;margin-top:26px}.split .ch{display:inline-block;will-change:transform}#story{position:relative;z-index:6}.s{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14vh 22px}.s-hero{justify-content:flex-end;padding-bottom:16vh}.cue{margin-top:30px;font-family:var(--display);font-style:italic;color:#fff4ecb3}.s-secret{align-items:flex-start;text-align:left;padding-left:7vw}@media(max-width:700px){.s-secret{align-items:center;text-align:center;padding-left:22px}}.quote{position:relative;margin:26px 0 40px;max-width:620px;padding:34px 30px;border-radius:22px;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(24px,6.4vw,38px);line-height:1.35;background:#fff4ec1a;border:1px solid rgba(255,244,236,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px #28000a4d}.qmark{position:absolute;top:-34px;left:20px;font-size:110px;line-height:1;color:var(--gold);font-style:normal}.well{font-family:var(--display);font-style:italic;font-size:clamp(26px,7vw,40px);color:#fff4ecd9;margin-bottom:8px}.s-count{min-height:100svh}.count-wrap{display:flex;flex-direction:column;align-items:center}.counter{font-family:var(--display);font-variation-settings:"SOFT" 100,"WONK" 1;font-weight:800;font-style:italic;font-size:clamp(170px,52vw,420px);line-height:.9;margin-top:10px;background:linear-gradient(180deg,#fff4ec,#ffb7c5 55%,#f5c46b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 20px 40px rgba(60,0,15,.35));opacity:0}.count-word{font-family:var(--display);font-style:italic;font-size:clamp(26px,7vw,40px);min-height:1.3em}.layered{position:relative;font-size:clamp(54px,15vw,170px);display:grid;white-space:nowrap}.layered span{grid-area:1 / 1}.layered .o{display:none}.layered .f{background:linear-gradient(100deg,#fff4ec,#ffb7c5 40%,#f5c46b 70%,#fff4ec);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}.layered.alt .f{background-image:linear-gradient(100deg,#ffb7c5,#ff6f61 40%,#fff4ec 70%,#ffb7c5)}@keyframes sheen{to{background-position:-200% 0}}.list{list-style:none;margin:30px 0 10px;width:min(560px,100%)}.list li{display:flex;align-items:baseline;gap:18px;padding:16px 6px;border-bottom:1px solid rgba(255,244,236,.2);text-align:left}.list b{font-family:var(--display);font-weight:500;font-style:italic;color:var(--gold);min-width:56px;font-size:22px}.list span{font-family:var(--display);font-variation-settings:"SOFT" 100;font-style:italic;font-size:clamp(28px,8vw,46px)}.at{font-family:var(--display);font-style:italic;font-size:clamp(26px,7vw,40px);color:var(--blush);margin-top:14px}.clock{display:flex;gap:12px;margin-top:34px}.clock div{width:clamp(88px,25vw,130px);padding:18px 8px 14px;border-radius:18px;background:#3c000f38;border:1px solid rgba(255,244,236,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.clock b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:1;font-variant-numeric:tabular-nums}.clock small{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#fff4ecbf}.open-msg{margin-top:30px;font-family:var(--display);font-style:italic;font-size:28px;color:var(--gold)}.s-end{padding-bottom:20vh}.close{font-family:var(--display);font-style:italic;font-size:clamp(24px,6.4vw,36px);margin-bottom:18px;color:#fff4ecd9}.s-end .big{color:var(--cream)}.sig{font-family:var(--script);font-size:clamp(50px,14vw,76px);color:var(--gold);display:inline-flex;align-items:center;gap:12px;margin-top:30px}.sig svg{width:28px;height:28px;fill:var(--rose);margin-top:14px}.ps{margin-top:26px;font-family:var(--display);font-style:italic;font-size:17px;color:#fff4ec99}@media(prefers-reduced-motion:reduce){.blob,.tap,.layered .f{animation:none}}.veil{position:fixed;inset:0;z-index:4;pointer-events:none}.veil.white{background:radial-gradient(ellipse 90% 70% at 50% 40%,#fbf8f2,#f4efe6 60%,#ebe3d6)}.veil.black{background:#050204;opacity:0;z-index:9}.s-joke{min-height:130svh;justify-content:flex-start;padding-top:0}.stage-joke{position:sticky;top:0;height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.jheart{position:relative;width:clamp(70px,20vw,110px);aspect-ratio:1;transform-origin:50% 60%;margin-bottom:8vh}.jheart svg{position:relative;width:100%;height:100%;overflow:visible;fill:#c8102e;filter:drop-shadow(0 12px 22px rgba(200,16,46,.28))}.jheart .crack{fill:none;stroke:#f4efe6;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:70;stroke-dashoffset:70}.jheart .heal{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(circle,#ff788cbf,#ff788c00 62%);opacity:0;transform:scale(.4)}.jlines{position:relative;width:min(92vw,760px);height:40vh}.jl{position:absolute;inset:0;display:block;opacity:0;font-family:var(--display);font-variation-settings:"SOFT" 30,"WONK" 0;font-weight:800;font-style:normal;color:#161214;font-size:clamp(36px,10vw,78px);line-height:1.02;letter-spacing:-.03em;text-align:center}.jl .w{display:inline-block}.jname{display:block;font-family:var(--body);font-weight:700;font-size:13px;letter-spacing:.38em;text-transform:uppercase;color:#c8102e;margin-bottom:18px}.jemoji{display:block;font-size:clamp(56px,16vw,90px);margin-bottom:10px}.jsmall{display:block;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(24px,6.4vw,36px);color:#c8102e;margin-top:14px;letter-spacing:0}.jscroll{position:absolute;bottom:7vh;opacity:0;font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#161214}.jscroll span{display:inline-block;animation:nudge 1.4s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(6px)}}.veil.black{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.veil.black p{opacity:0}.dark-1,.dark-2{font-family:var(--display);font-style:italic;color:#fff4ece6}.dark-1{font-size:clamp(30px,8vw,48px)}.dark-2{font-size:clamp(22px,6vw,34px);color:#fff4ec99}.s-hey{min-height:110svh;justify-content:space-between;padding:12vh 22px 14vh}.hey{font-size:clamp(56px,15vw,140px)}.tap{font-family:var(--display);font-style:italic;font-size:20px;color:#fff4ecd9;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.4;transform:scale(.97)}}.fan{position:relative;width:min(96vw,640px);height:clamp(260px,72vw,380px);margin:30px 0 80px}.fan:before{content:"";position:absolute;left:50%;bottom:0;width:120%;height:90%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 70%,#ffbe9659,#ffbe9600 65%);pointer-events:none}.note{position:absolute;left:50%;bottom:0;width:clamp(104px,27vw,170px);aspect-ratio:5 / 7;margin-left:calc(clamp(104px,27vw,170px)/-2);transform-origin:50% 100%;border-radius:10px;cursor:pointer;overflow:hidden;border:0;background:linear-gradient(165deg,#fffaf3,#f6e8d6 60%,#ecd9c0);box-shadow:0 26px 44px #1e000873,0 2px #ffffffb3 inset,inset 0 0 0 1.5px #c4a0628c,inset 0 0 0 7px #fffaf3e6,inset 0 0 0 8px #c4a06259;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 8px 16px}.note em{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(30px,8.6vw,46px);line-height:1;color:#6b0d24}.note .for{font-family:var(--script);font-size:clamp(16px,4.4vw,22px);color:#a4877a;line-height:1}.note .wax{width:40%;aspect-ratio:1;border-radius:47% 53% 50% 50%/52% 48%;background:radial-gradient(circle at 38% 32%,#e2505c,#a8141f 50%,#5e0710);display:grid;place-items:center;box-shadow:0 3px 6px #0000004d}.note .wax svg{width:52%;fill:#8f0f1b}.note small{font-family:var(--body);font-weight:600;font-size:clamp(8px,2.3vw,10px);letter-spacing:.18em;text-transform:uppercase;color:#9b6a5a}.note .shine{position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translate(-60%);animation:shine 5.5s ease-in-out infinite;pointer-events:none}.note:nth-child(2) .shine{animation-delay:.35s}.note:nth-child(3) .shine{animation-delay:.7s}.note:nth-child(4) .shine{animation-delay:1.05s}.note:nth-child(5) .shine{animation-delay:1.4s}.note:nth-child(6) .shine{animation-delay:1.75s}.note:nth-child(7) .shine{animation-delay:2.1s}@keyframes shine{0%,55%{transform:translate(-60%)}80%,to{transform:translate(60%)}}.toast{position:fixed;left:50%;bottom:9vh;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;padding:12px 20px;border-radius:999px;white-space:nowrap;background:#fff4ecf2;color:#6b0d24;font-family:var(--display);font-style:italic;font-size:19px;box-shadow:0 10px 30px #1e000859}.rules{list-style:none;width:min(560px,100%);margin-top:26px}.rules li{display:flex;gap:20px;align-items:baseline;text-align:left;padding:20px 4px;border-bottom:1px solid rgba(255,244,236,.2)}.rules b{font-family:var(--display);font-style:italic;font-weight:600;font-size:40px;color:var(--gold);min-width:34px}.rules span{font-family:var(--display);font-style:italic;font-size:clamp(26px,7vw,40px);line-height:1.15}.rules small{display:block;font-family:var(--body);font-style:normal;font-size:15px;color:#fff4ecb3;margin-top:8px}.float-heart{position:fixed;z-index:30;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;fill:#ff8fa6;filter:drop-shadow(0 4px 10px rgba(255,80,110,.5))}.tap{min-height:1.4em}.hey-k,#hey,#tap{opacity:0}