:root{--paper:#f2e8d3;--paper-2:#ecdfc2;--paper-3:#e6d6ae;--paper-4:#f6eeda;--ink:#2c2620;--ink-soft:#5c5140;--rose:#c97b74;--rose-2:#d9958f;--blush:#e8c98f;--lilac:#7f9a80;--mint:#7f9a80;--gold:#d99a35;--red:#b6503d;--blue:#6f93b5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M16 28 C6 20 2 12 6 7 C9 3 13 4 16 8 C19 4 23 3 26 7 C30 12 26 20 16 28Z' fill='%23c97b74' stroke='%23803030' stroke-width='1.5' stroke-linejoin='round'/></svg>") 16 28,auto;font-family:Kalam,cursive;overflow-x:hidden}::selection{background:var(--blush);color:var(--ink)}h1,h2{color:var(--ink);font-family:Caveat,cursive;font-weight:700;line-height:1}.typewriter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-family:Special Elite,monospace;font-size:.72rem}p{color:var(--ink-soft);max-width:560px;font-size:1.15rem;line-height:1.7}.loader-screen{background:radial-gradient(ellipse at 20% 30%, #d99a351f 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, #7f9a801a 0%, transparent 55%), var(--paper);place-items:center;min-height:100vh;padding:6vw;display:grid}.loader-card{text-align:center;background:#f6eedaeb;border:1px solid #2c26202e;width:min(92vw,520px);padding:2.1rem 1.8rem 1.9rem;box-shadow:0 14px 28px #2c262029}.loader-card h1{margin-top:.4rem;font-size:clamp(2.1rem,7vw,3.2rem)}.loader-kicker{text-transform:uppercase;letter-spacing:.07em;font-family:Special Elite,monospace;font-size:.7rem}.loader-track{background:#2c26201f;border-radius:999px;height:9px;margin:1.25rem 0 .55rem;overflow:hidden}.loader-fill{background:linear-gradient(90deg, var(--rose), var(--gold));width:0;height:100%;transition:width .25s}.loader-progress{color:var(--ink);font-family:Special Elite,monospace;font-size:.78rem}.loader-enter{margin-top:1.15rem}.loader-enter:disabled{opacity:.55;cursor:not-allowed}#fxcanvas{z-index:40;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.svg-filters{width:0;height:0;position:absolute}.scroll-container{scroll-snap-type:y proximity;scroll-behavior:smooth;height:100vh;overflow-y:scroll}.scroll-container>section{scroll-snap-align:start;scroll-snap-stop:always}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:9vh 6vw 7vh;display:flex;position:relative}.page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#2c26200a 1px,#0000 1px),radial-gradient(#2c262006 1px,#0000 1px);background-position:0 0,2px 3px;background-size:3px 3px,7px 7px;position:absolute;inset:0}.page>*{z-index:1;position:relative}.torn{z-index:3;clip-path:polygon(0% 0%,100% 0%,100% 100%,95% 30%,90% 100%,85% 25%,80% 100%,75% 35%,70% 100%,65% 28%,60% 100%,55% 40%,50% 100%,45% 30%,40% 100%,35% 42%,30% 100%,25% 28%,20% 100%,15% 38%,10% 100%,5% 32%,0% 100%);height:20px;position:absolute;bottom:-1px;left:0;right:0}.tape{opacity:.85;filter:url(#rough);width:90px;height:30px;position:absolute;box-shadow:0 2px 4px #0000001f}.tape.rose{background:repeating-linear-gradient(45deg, var(--rose), var(--rose) 6px, var(--rose-2) 6px, var(--rose-2) 12px)}.tape.lilac{background:repeating-linear-gradient(45deg, var(--lilac), var(--lilac) 6px, #ddc7e8 6px, #ddc7e8 12px)}.tape.gold{background:repeating-linear-gradient(45deg, var(--gold), var(--gold) 6px, #f2ca88 6px, #f2ca88 12px)}.tape.mint{background:repeating-linear-gradient(45deg, var(--mint), var(--mint) 6px, #bce0d8 6px, #bce0d8 12px)}.sticker{-webkit-user-select:none;user-select:none;filter:url(#rough);z-index:6;touch-action:none;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M16 28 C6 20 2 12 6 7 C9 3 13 4 16 8 C19 4 23 3 26 7 C30 12 26 20 16 28Z' fill='%23c97b74' stroke='%23803030' stroke-width='1.5' stroke-linejoin='round'/></svg>") 16 28,pointer;width:60px;height:60px;transition:transform .15s;position:absolute}.sticker:active{transform:scale(1.15)rotate(0)!important}.btn{border:2px solid var(--ink);color:var(--ink);letter-spacing:.05em;cursor:pointer;filter:url(#rough);background:0 0;border-radius:2px;margin-top:2rem;padding:.7rem 1.8rem;font-family:Special Elite,monospace;font-size:.8rem;transition:transform .25s,background .25s,color .25s}.btn:hover{background:var(--ink);color:var(--paper);transform:rotate(-1deg)scale(1.03)}#page-tabs{z-index:30;flex-direction:column;gap:6px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.tab{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.05em;color:var(--ink-soft);cursor:pointer;filter:url(#rough);background:#f2e8d3eb;border:1px solid #2c262033;border-left:none;outline:none;padding:10px 7px;font-family:Special Elite,monospace;font-size:.65rem;text-decoration:none;transition:background .25s,color .25s,transform .25s;transform:rotate(180deg);box-shadow:2px 2px 6px #2c26201a}.tab:hover{background:var(--blush);color:var(--ink);transform:rotate(180deg)translate(-3px)}.tab.active{background:var(--rose);color:var(--paper);font-weight:700;transform:rotate(180deg)translate(-4px)}@media (width<=768px){.tab{padding:7px 5px;font-size:.55rem}}.cover-page{background:radial-gradient(ellipse at 20% 30%, #d99a351f 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, #7f9a801a 0%, transparent 55%), var(--paper)}.doodle-moon{filter:url(#rough);width:90px;margin-bottom:1rem}.cover-title{font-size:clamp(3rem,11vw,6.5rem);transform:rotate(-2deg)}.cover-subtitle{color:var(--ink-soft);letter-spacing:.05em;margin-top:1rem;font-family:Special Elite,monospace;font-size:.85rem}.cover-string{background:var(--rose-2);opacity:.6;width:2px;height:60px;margin:1.6rem auto 0}.hint-drag{color:var(--ink-soft);opacity:.5;letter-spacing:.05em;white-space:nowrap;font-family:Special Elite,monospace;font-size:.65rem;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}.letter-page{background-image:repeating-linear-gradient(var(--paper-4), var(--paper-4) 34px, #6f93b538 35px);background-position:0 40px}.letter-wrap{text-align:left;max-width:600px;position:relative}.letter-wrap .tape{top:-16px;left:40%;transform:rotate(-6deg)}.letter-wrap p{color:var(--ink);white-space:pre-wrap;max-width:none;font-family:Kalam,cursive;font-size:1.3rem;line-height:2.1}.cursor-blink{background:var(--rose);width:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.coffee-ring{filter:url(#rough);border:6px solid #c8648224;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30px;right:-40px}.gallery-page{background-color:#a9835f;background-image:repeating-radial-gradient(at 20% 30%,#ffdcc814 0,#0000 8px),repeating-radial-gradient(at 80% 70%,#b478641a 0,#0000 6px),repeating-linear-gradient(45deg,#00000008 0,#0000 2px)}.gallery-page:before{background-image:radial-gradient(#0000001a 1.4px,#0000 1.4px);background-size:9px 9px}.gallery-page h2,.gallery-page .typewriter-label{color:var(--paper-4)}.carousel-shell{align-items:center;gap:.75rem;width:min(98vw,1360px);margin-top:2.4rem;display:flex}.carousel-btn{color:#fff4dd;cursor:pointer;background:#34231273;border:1px solid #fff5e1b3;border-radius:50%;flex:none;width:42px;height:42px;font-size:1.2rem;line-height:1;transition:transform .2s,background .2s}.carousel-btn:hover{background:#342312b8;transform:scale(1.06)}.cork-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#2d1e0f8c transparent;flex-wrap:nowrap;align-items:flex-start;gap:1.1rem;width:100%;padding:.75rem .35rem .9rem;display:flex;position:relative;overflow:auto visible}.cork-grid::-webkit-scrollbar{height:8px}.cork-grid::-webkit-scrollbar-thumb{background:#2d1e0f8c;border-radius:999px}.polaroid{perspective:800px;scroll-snap-align:center;cursor:pointer;width:clamp(190px,18vw,230px);transform:rotate(var(--rot,0deg));will-change:transform;background:0 0;flex:0 0 clamp(190px,18vw,230px);transition:transform .25s;position:relative}.polaroid:not(.flipped):hover{transform:rotate(var(--rot,0deg)) scale(1.05)}.polaroid .pin{z-index:5;background:radial-gradient(circle at 35% 35%,#d9958f,#a53a32);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #0006}.polaroid-inner{width:100%;height:260px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.polaroid.flipped .polaroid-inner{transform:rotateY(180deg)}.polaroid-front,.polaroid-back{backface-visibility:hidden;background:#faf6ec;padding:10px 10px 14px;position:absolute;inset:0;box-shadow:0 10px 22px #0000004d}.zoom-btn{color:#4a3322;z-index:6;cursor:pointer;background:#fffbf2e0;border:1px solid #3c281459;border-radius:50%;width:24px;height:24px;font-size:1.05rem;line-height:1;position:absolute;top:8px;right:8px}.zoom-btn:hover{background:#fffdf8}.polaroid-front .frame{background:#f0e8d8;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.polaroid-front .frame img{object-fit:cover;object-position:center;image-rendering:auto;background:#f0e8d8;width:100%;height:100%;display:block}.polaroid-front figcaption{color:#3a2f22;text-align:center;margin-top:8px;font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;display:block}.polaroid-back{text-align:center;background:#fce4ee;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.polaroid-back p{color:#3a2f22;max-width:none;font-family:Kalam,cursive;font-size:.95rem;line-height:1.4}.polaroid-hint{color:var(--paper-4);opacity:.7;margin-top:.3rem;font-family:Special Elite,monospace;font-size:.6rem}.lightbox{z-index:60;background:#140e0ae0;justify-content:center;align-items:center;gap:1rem;padding:1.2rem;display:flex;position:fixed;inset:0}.lightbox-card{background:#fff9ed;width:min(92vw,960px);max-height:88vh;padding:12px 12px 16px;box-shadow:0 18px 36px #00000059}.lightbox-card img{object-fit:contain;background:#efe4d0;width:100%;max-height:76vh;display:block}.lightbox-card figcaption{text-align:center;color:#3a2f22;margin-top:10px;font-family:Caveat,cursive;font-size:1.5rem}.lightbox-close,.lightbox-nav{color:#fff4dd;cursor:pointer;background:#2c1e108f;border:1px solid #fff2d6b3}.lightbox-close{border-radius:50%;width:40px;height:40px;font-family:Special Elite,monospace;font-size:.95rem;position:absolute;top:18px;right:18px}.lightbox-nav{border-radius:50%;flex:none;width:44px;height:44px;font-size:1.2rem}.lightbox-close:hover,.lightbox-nav:hover{background:#2c1e10d1}.scratch-canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M16 28 C6 20 2 12 6 7 C9 3 13 4 16 8 C19 4 23 3 26 7 C30 12 26 20 16 28Z' fill='%23c97b74' stroke='%23803030' stroke-width='1.5' stroke-linejoin='round'/></svg>") 16 28,pointer;width:100%;height:100%;position:absolute;inset:0}.wish-hint{color:var(--ink-soft);margin-top:1.4rem;font-family:Special Elite,monospace;font-size:.75rem}.reasons-page{background:radial-gradient(ellipse at 80% 20%, #7f9a8026 0%, transparent 50%), radial-gradient(ellipse at 20% 80%, #c99a491f 0%, transparent 50%), var(--paper-2)}.notes-wrap{flex-wrap:wrap;justify-content:center;gap:1.4rem;max-width:880px;margin-top:2.2rem;display:flex}.sticky{color:#3a2f22;filter:url(#rough);justify-content:center;align-items:center;width:170px;min-height:150px;padding:1.1rem 1rem;font-family:Kalam,cursive;font-size:1.02rem;line-height:1.4;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 16px #0000002e}.sticky:nth-child(6n+1){background:#ffd6e4;transform:rotate(-4deg)}.sticky:nth-child(6n+2){background:#e8d0f0;transform:rotate(3deg)}.sticky:nth-child(6n+3){background:#d0f0e8;transform:rotate(-2deg)}.sticky:nth-child(6n+4){background:#d0e0f8;transform:rotate(5deg)}.sticky:nth-child(6n+5){background:#ffd6e4;transform:rotate(2deg)}.sticky:nth-child(6n+6){background:#ffe8c0;transform:rotate(-5deg)}.sticky:hover{z-index:2;transform:scale(1.06)rotate(0);box-shadow:0 14px 24px #00000038}.wish-page{background:radial-gradient(ellipse at 50% 40%, #d99a3526 0%, transparent 55%), radial-gradient(ellipse at 20% 80%, #c99a491a 0%, transparent 50%), var(--paper-4)}.wish-page svg{width:230px;height:auto;overflow:visible}.flame{transform-origin:bottom;cursor:pointer;transition:opacity .4s,transform .4s;animation:1.5s ease-in-out infinite flicker}@keyframes flicker{0%,to{transform:scaleY(1)rotate(-2deg)}50%{transform:scaleY(1.1)rotate(3deg)}}.flame.blown{opacity:0;transform:scaleY(0)}.numbers-page{background:radial-gradient(ellipse at 15% 20%, #c97b741a 0%, transparent 50%), radial-gradient(ellipse at 85% 80%, #7f9a801a 0%, transparent 50%), var(--paper)}.tally-list{text-align:left;max-width:420px;margin-top:2rem}.tally-row{align-items:baseline;gap:1rem;margin-bottom:1.3rem;display:flex}.tally-row .num{color:var(--red);min-width:70px;font-family:Caveat,cursive;font-size:2.6rem;font-weight:700}.tally-row .label{color:var(--ink-soft);font-family:Kalam,cursive;font-size:1.05rem}.finale-page{background:radial-gradient(ellipse at 50% 0%, #d99a3533 0%, transparent 60%), radial-gradient(ellipse at 10% 80%, #7f9a8026 0%, transparent 50%), radial-gradient(ellipse at 90% 80%, #c97b741f 0%, transparent 50%), var(--paper-2)}.finale-title{font-size:clamp(2.4rem,7vw,5rem);transform:rotate(-1deg)}.signoff{color:var(--rose);margin-top:1.2rem;font-family:Caveat,cursive;font-size:1.6rem;font-style:italic}.music-toggle{border:2px dashed var(--rose);color:var(--ink);cursor:pointer;filter:url(#rough);background:0 0;align-items:center;gap:.6rem;margin-top:2.2rem;padding:.7rem 1.5rem;font-family:Special Elite,monospace;font-size:.78rem;transition:background .25s,color .25s;display:inline-flex}.music-toggle:hover{background:var(--blush)}footer{color:var(--ink-soft);opacity:.6;margin-top:3rem;font-family:Special Elite,monospace;font-size:.65rem}.ps-toggle{color:var(--rose);cursor:pointer;background:0 0;border:none;margin-top:1.6rem;font-family:Caveat,cursive;font-size:1.2rem;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.ps-note{max-width:420px;max-height:0;transition:max-height .5s;overflow:hidden}.ps-note.open{max-height:200px}.ps-note p{padding-top:1rem;font-family:Kalam,cursive;font-style:italic}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.35s}.reveal-delay-4{transition-delay:.5s}@keyframes floatBob{0%{transform:translateY(0px) rotate(var(--rot,0deg))}to{transform:translateY(-14px) rotate(var(--rot,0deg))}}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes smokeRise{0%{opacity:.6;transform:translateY(0)scaleX(1)}to{opacity:0;transform:translateY(-30px)scaleX(2)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(1.4)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(-2deg)scale(1.02)}}.cover-title{animation:4s ease-in-out infinite softPulse}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.scroll-container>section{will-change:transform, opacity;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.scroll-container>section:nth-child(odd){opacity:0;transform:translate(-36px)scale(.985)}.scroll-container>section:nth-child(2n){opacity:0;transform:translate(36px)scale(.985)}.scroll-container>section.section-visible{opacity:1;transform:translate(0)scale(1)}.scroll-container>section.section-past:nth-child(odd){opacity:0;transform:translate(24px)scale(.99)}.scroll-container>section.section-past:nth-child(2n){opacity:0;transform:translate(-24px)scale(.99)}.progress-dots{z-index:35;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fce8efb3;border:1px solid #e0709033;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.progress-dot{border:2px solid var(--rose);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:background .25s,transform .2s}.progress-dot.active{background:var(--rose);transform:scale(1.25)}.progress-dot:hover:not(.active){background:var(--blush)}.envelope-wrap{margin-bottom:.5rem}.envelope-svg{filter:url(#rough);width:120px;height:auto;overflow:visible}@keyframes envelopeFlapOpen{0%{transform:rotateX(0)}to{transform:rotateX(-150deg)}}@keyframes heartRiseFromEnvelope{0%{opacity:0;transform:translateY(10px)scale(.7)}60%{opacity:1;transform:translateY(-20px)scale(1.1)}to{opacity:1;transform:translateY(-28px)scale(1)}}.btn-replay{border:1.5px dashed var(--rose);color:var(--rose);cursor:pointer;background:0 0;border-radius:2px;margin-top:1.2rem;padding:.4rem 1rem;font-family:Special Elite,monospace;font-size:.78rem;transition:background .2s,color .2s}.btn-replay:hover{background:var(--blush);color:var(--ink)}.photo-hint{color:#5028378c;text-align:center;pointer-events:none;font-family:Special Elite,monospace;font-size:.6rem;position:absolute;bottom:4px;left:0;right:0}.secret-textarea{width:min(90vw,380px);min-height:120px;color:var(--ink);border:1.5px solid var(--rose-2);resize:vertical;background:repeating-linear-gradient(#fce8ef,#fce8ef 28px,#e0709033 29px);border-radius:4px;outline:none;padding:.8rem 1rem;font-family:Kalam,cursive;font-size:1.1rem;line-height:29px;transition:border-color .2s}.secret-textarea:focus{border-color:var(--rose)}.secret-textarea::placeholder{color:var(--rose-2);opacity:.7}.waveform{align-items:center;gap:3px;height:20px;display:flex}.waveform-bar{background:var(--rose);border-radius:2px;width:4px;height:14px;animation:.8s ease-in-out infinite alternate waveformPulse;display:inline-block}@keyframes waveformPulse{0%{opacity:.5;height:5px}to{opacity:1;height:18px}}@media (width<=900px){.carousel-shell{gap:.45rem}.carousel-btn{width:36px;height:36px;font-size:1rem}.polaroid{flex-basis:clamp(170px,40vw,210px);width:clamp(170px,40vw,210px)}}@media (width<=640px){.carousel-shell{gap:.35rem;width:100%}.carousel-btn{width:32px;height:32px;font-size:.95rem}.cork-grid{gap:.85rem;padding:.5rem .25rem .8rem}.polaroid{flex-basis:min(72vw,220px);width:min(72vw,220px)}.lightbox{gap:.4rem;padding:.8rem}.lightbox-nav{width:36px;height:36px}.lightbox-close{width:34px;height:34px;top:10px;right:10px}.lightbox-card{width:min(96vw,780px);max-height:84vh;padding:10px 10px 12px}.lightbox-card figcaption{font-size:1.2rem}.notes-wrap{flex-direction:column;align-items:center}.sticky{width:80vw;min-height:auto}.cover-title{font-size:clamp(2.5rem,12vw,4rem);animation:none}.tally-row .num{font-size:2rem}#page-tabs .tab{padding:6px 4px}.letter-wrap p{font-size:1.1rem}}