@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--ink:#211d17;--paper:#f8f3e9;--muted:#7c7162;--pink:#ff8bbd;--yellow:#f5e65a;--blue:#8de6e6;--orange:#ff9a53;--line:#2b261e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.hidden{display:none!important}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#ffe3ed,transparent 30%),radial-gradient(circle at 85% 80%,#d8f7ef,transparent 30%),var(--paper)}.gate-card{width:min(520px,100%);background:#fffdf8;border:2px solid var(--line);border-right-width:5px;border-bottom-width:6px;border-radius:26px 19px 25px 17px;padding:36px;box-shadow:9px 10px 0 var(--ink);position:relative}.eyebrow,.section-kicker,.top-note,.tiny-link,.brand,.photo-index,.video-label,.tag,.tags,.stamp,.number,footer,.gate label,.gate small{font-family:'DM Mono',monospace;letter-spacing:.08em;font-size:11px}.gate-sticker{font-size:54px;margin:20px 0 4px}.gate h1{font-size:clamp(42px,9vw,64px);line-height:.95;margin:10px 0 18px;letter-spacing:-.06em}.gate h1 em,.final-inner h2 em{font-family:'Playfair Display',serif}.gate p{color:var(--muted);line-height:1.6}.gate label{display:block;margin:24px 0 8px}.pass-row{display:flex;gap:8px}.pass-row input{min-width:0;flex:1;border:2px solid var(--ink);border-radius:12px;padding:14px;font:inherit;background:#fff}.pass-row button,.pill-btn{border:2px solid var(--ink);border-radius:999px;padding:13px 18px;background:var(--yellow);font-weight:900;cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.gate small{display:block;margin-top:16px;color:var(--muted)}.gate small.error{color:#d33}.topbar{max-width:1200px;margin:auto;padding:25px 5vw;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:900;font-size:15px}.brand span{color:#e86c9c}.tiny-link{border-bottom:1px solid}.hero{max-width:1200px;margin:auto;padding:50px 5vw 100px;min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;gap:40px}.hero h1{font-size:clamp(64px,10vw,128px);line-height:.82;letter-spacing:-.085em;margin:25px 0}.hero h1 i{font-family:'Playfair Display',serif;font-weight:700}.marker{background:linear-gradient(transparent 56%,var(--yellow) 56%)}.hero-sub{max-width:480px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}.scribble{font-family:'Playfair Display',serif;font-style:italic;color:#8c7863}.card{background:#fffdf8;border:2px solid var(--line);border-right-width:4px;border-bottom-width:6px;box-shadow:7px 8px 0 var(--ink)}.hero-photo{padding:12px 12px 18px;position:relative;transform:rotate(2deg);border-radius:18px 27px 16px 23px}.hero-photo img{width:100%;height:430px;object-fit:cover;display:block;border-radius:12px 17px 10px 15px}.photo-caption{text-align:center;padding:12px 0 0;font-family:'Playfair Display',serif;font-style:italic}.tape{position:absolute;width:90px;height:24px;background:#ffcf9d;opacity:.8;top:-12px;left:38%;transform:rotate(-7deg)}.floating{position:absolute;font-size:48px}.f1{right:2%;top:8%;transform:rotate(20deg)}.f2{left:48%;bottom:8%;color:#ee8cb2}.stamp{position:absolute;right:4%;bottom:7%;background:var(--blue);padding:15px 12px;border:2px solid;border-radius:50%;transform:rotate(12deg);text-align:center;font-weight:bold}.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:13px 0;white-space:nowrap;font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.1em}.ticker span{display:inline-block;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-40%)}}.section-pad{max-width:1200px;margin:auto;padding:90px 5vw}.section-kicker{color:#9a8067}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.intro h2,.section-head h2,.lore h2{font-size:clamp(44px,7vw,78px);line-height:.95;letter-spacing:-.07em;margin:20px 0}.underline-pink{background:linear-gradient(transparent 65%,var(--pink) 65%)}.underline-yellow{background:linear-gradient(transparent 65%,var(--yellow) 65%)}.underline-blue{background:linear-gradient(transparent 65%,var(--blue) 65%)}.underline-orange{background:linear-gradient(transparent 65%,var(--orange) 65%)}.intro-card{padding:28px;border-radius:25px 17px 23px 16px;transform:rotate(-1.5deg)}.intro-card p{font-size:17px;line-height:1.55}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tags span,.tag{border:1.5px solid;border-radius:99px;padding:7px 10px;font-size:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head p{max-width:360px;color:var(--muted);line-height:1.7}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.photo-card{padding:9px 9px 12px;text-align:left;cursor:zoom-in;transition:transform .2s;overflow:hidden;border-radius:15px 23px 13px 20px}.photo-card:hover{transform:translateY(-6px) rotate(0deg) scale(1.02)}.photo-card img{display:block;width:100%;height:260px;object-fit:cover;border-radius:9px 15px 8px 13px}.photo-index{display:block;padding:10px 3px 0;color:var(--muted);font-size:9px}.tilt-l{transform:rotate(-1.3deg)}.tilt-r{transform:rotate(1.5deg)}.tilt-none{transform:rotate(.3deg)}.photo-card:nth-child(4n+2){margin-top:28px}.photo-card:nth-child(5n){margin-top:-12px}.video-section{background:#eee8db;max-width:none}.video-section>.section-head,.video-grid{max-width:1100px;margin-left:auto;margin-right:auto}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.video-card{padding:10px;border-radius:20px 14px 24px 16px}.video-card video{width:100%;height:260px;object-fit:cover;background:#171717;border-radius:11px}.video-label{display:flex;justify-content:space-between;padding:12px 4px 3px}.video-label span{color:var(--muted)}.lore h2{margin-bottom:40px}.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lore-card{padding:25px;min-height:250px;border-radius:18px 25px 14px 22px}.lore-card:nth-child(2){margin-top:35px;background:#fff8ee}.number{color:#a78b70}.lore-card h3{font-size:24px;letter-spacing:-.04em}.lore-card p{line-height:1.65;color:var(--muted)}.lore-card .tag{display:inline-block;margin-top:14px}.note-section{padding-top:40px;padding-bottom:100px}.note-card{max-width:800px;margin:auto;padding:clamp(28px,6vw,60px);position:relative;border-radius:27px 17px 24px 14px;transform:rotate(-.6deg);background:#fff9ef}.note-card h2{font-size:clamp(42px,7vw,72px);letter-spacing:-.07em;margin:25px 0}.note-card p{font-size:18px;line-height:1.8;max-width:650px}.signoff{font-family:'Playfair Display',serif;font-style:italic;color:#8a6d57}.note-doodle{position:absolute;right:8%;top:14%;font-size:65px;color:#f08eb2;transform:rotate(12deg)}.finale{max-width:none;background:var(--yellow);text-align:center;padding:100px 5vw}.final-inner{max-width:700px;margin:auto}.big-star{font-size:70px;margin:25px}.final-inner h2{font-size:clamp(55px,10vw,100px);line-height:.9;letter-spacing:-.08em;margin:15px 0}.final-inner p{font-size:17px;line-height:1.7;margin:25px auto 35px;max-width:480px}footer{padding:22px 5vw;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.lightbox{position:fixed;inset:0;background:#17130fee;z-index:10;display:grid;place-items:center;padding:30px}.lightbox img{max-width:min(90vw,900px);max-height:85vh;object-fit:contain;border:5px solid #fff;box-shadow:10px 10px 0 #000}.lightbox button{position:absolute;right:24px;top:16px;color:white;background:none;border:0;font-size:44px;cursor:pointer}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:30px;gap:35px}.hero-photo{max-width:520px;margin:0 auto}.hero-photo img{height:380px}.stamp{right:8%;bottom:2%}.intro-grid{grid-template-columns:1fr;gap:15px}.section-head{display:block}.section-head p{margin-top:20px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:18px}.photo-card img{height:240px}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px}.video-card video{height:220px}.lore-grid{grid-template-columns:1fr}.lore-card:nth-child(2){margin-top:0}.section-pad{padding-top:70px;padding-bottom:70px}.top-note{display:none}}
@media(max-width:480px){.topbar{padding:18px 20px}.hero{padding:35px 22px 80px}.hero h1{font-size:clamp(58px,17vw,82px)}.hero-sub{font-size:15px}.hero-photo img{height:340px}.section-pad{padding-left:22px;padding-right:22px}.photo-card img{height:190px}.photo-card{padding:7px 7px 10px}.video-grid{grid-template-columns:1fr}.video-card video{height:280px}.pass-row{flex-direction:column}.pass-row button{width:100%}.gate-card{padding:28px 23px}footer{flex-direction:column;text-align:center}.note-card p{font-size:16px}}

.meme-section{background:#f2e9f1;max-width:none}.meme-section>.section-head,.meme-grid{max-width:1100px;margin-left:auto;margin-right:auto}.meme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:center}.meme-card{margin:0;padding:8px;background:#fff;border:2px solid var(--line);border-right-width:4px;border-bottom-width:5px;box-shadow:5px 6px 0 var(--ink);border-radius:17px 12px 19px 13px;transform:rotate(var(--tilt,1deg));overflow:hidden}.meme-card:nth-child(3n){--tilt:-2deg}.meme-card:nth-child(4n){--tilt:2deg;margin-top:18px}.meme-card:nth-child(5n){--tilt:-1deg;margin-top:-10px}.meme-card img{display:block;width:100%;height:190px;object-fit:contain;border-radius:9px;background:#4c0750}.meme-card:hover{transform:translateY(-5px) rotate(0deg) scale(1.03);transition:transform .18s}
@media(max-width:800px){.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.meme-card img{height:170px}}@media(max-width:480px){.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.meme-card img{height:160px}.meme-card{padding:6px}}

/* Temporary construction/password screen */
.construction-gate{position:fixed;inset:0;z-index:30;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 15%,#ffe0ec,transparent 28%),radial-gradient(circle at 90% 85%,#d8f5ed,transparent 30%),#f8f3e9}.construction-card{width:min(560px,100%);padding:clamp(25px,5vw,42px);background:#fffdf8;border:2px solid var(--line);border-right-width:6px;border-bottom-width:7px;border-radius:25px 17px 28px 18px;box-shadow:10px 11px 0 var(--ink);position:relative;overflow:hidden}.construction-card:after{content:"";position:absolute;width:130px;height:130px;border:2px dashed #e6a4bd;border-radius:50%;right:-45px;top:105px;opacity:.6}.construction-top,.construction-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px 'DM Mono',monospace;letter-spacing:.08em}.status-pill{border:1.5px solid var(--line);border-radius:99px;padding:7px 10px;background:#fff0c9}.status-pill i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ed9d38}.construction-icon{font-size:58px;margin:28px 0 12px;transform:rotate(-8deg);width:max-content}.construction-card h1{font-size:clamp(43px,9vw,66px);line-height:.94;letter-spacing:-.075em;margin:14px 0}.construction-card h1 em{font-family:'Playfair Display',serif;color:#d75b91}.construction-card p{max-width:390px;color:var(--muted);line-height:1.65;margin:18px 0 25px}.construction-card label{display:block;font:11px 'DM Mono',monospace;letter-spacing:.1em;margin-bottom:9px}.construction-card .pass-row{display:flex;gap:9px}.construction-card input{min-width:0;flex:1;padding:14px 15px;border:2px solid var(--line);border-radius:12px;font:14px 'DM Sans',sans-serif;background:#fff}.construction-card button{padding:13px 18px;border:2px solid var(--line);border-radius:12px;background:var(--yellow);font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.construction-card small{display:block;margin-top:13px;color:var(--muted)}.construction-card small.error{color:#c33;font-weight:700}.construction-footer{border-top:1px solid #ded6ca;padding-top:17px;margin-top:32px;color:#8a806f;font-size:9px}
@media(max-width:480px){.construction-card{padding:25px 21px}.construction-top{font-size:9px}.construction-card .pass-row{flex-direction:column}.construction-card button{width:100%}.construction-footer{font-size:8px}}

/* Grouped memory scrapbook */
.memory-groups{display:grid;gap:58px}.memory-group{padding:28px 0 38px;border-bottom:2px dashed #cfc2b4}.memory-group-heading{max-width:680px;margin:0 0 26px}.memory-group-heading h3{font-size:clamp(30px,5vw,48px);letter-spacing:-.06em;margin:12px 0}.memory-group-heading p{color:var(--muted);line-height:1.75;font-size:16px}.inline-memes{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 0;align-items:center}.inline-meme{margin:0;width:clamp(88px,13vw,142px);height:clamp(88px,13vw,142px);padding:5px;background:#fff;border:2px solid var(--line);border-right-width:4px;border-bottom-width:5px;box-shadow:4px 5px 0 var(--ink);border-radius:13px 18px 12px 16px;transform:rotate(var(--r,2deg));overflow:hidden}.inline-meme:nth-child(2n){--r:-3deg;margin-top:12px}.inline-meme:nth-child(3n){--r:1deg;margin-top:-8px}.inline-meme img{width:100%;height:100%;object-fit:contain;display:block;background:#4c0750;border-radius:8px}.last-memory{max-width:900px;margin:70px auto 0;padding:26px;display:grid;grid-template-columns:1fr minmax(180px,280px);gap:28px;align-items:center;border-radius:24px 16px 25px 18px;background:#fff8ee}.last-memory-copy h3{font-size:clamp(28px,4vw,42px);letter-spacing:-.06em;margin:12px 0}.last-memory-copy p{line-height:1.75;color:var(--muted)}.last-memory .photo-card{width:100%;min-width:0}.last-memory .photo-card img{height:260px}.footer-credit{display:block;text-align:right;line-height:1.9}.footer-credit b{font-family:'DM Sans',sans-serif;letter-spacing:0;text-transform:none;font-size:12px;color:#b16a85}.momo-dumpling{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#fff0d4;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);font-size:48px;transform:rotate(-9deg)}
@media(max-width:650px){.last-memory{grid-template-columns:1fr}.last-memory .photo-card{max-width:280px;margin:auto}.inline-memes{gap:11px}.inline-meme{width:90px;height:90px}.footer-credit{text-align:center}}
/* Meme stickers are now captioned and tied to the memory group they belong to. */
.inline-memes{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0 0;align-items:stretch}
.inline-meme{width:clamp(118px,16vw,168px);height:auto;min-height:0;padding:7px 7px 10px;display:flex;flex-direction:column;gap:8px;overflow:visible;background:#fffdf8}
.inline-meme img{width:100%;height:clamp(105px,13vw,140px);object-fit:contain;background:#4c0750;border-radius:8px}
.inline-meme figcaption{font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.4;color:#5f5145;text-align:center;letter-spacing:0;padding:0 2px 2px}
.photo-index{font-size:8px;letter-spacing:.04em}
@media(max-width:650px){.inline-meme{width:calc(50% - 10px);max-width:160px}.inline-meme img{height:112px}.inline-meme figcaption{font-size:10px}}


/* Floating music control — appears only after the birthday password is accepted. */
.music-toggle{position:fixed;right:18px;bottom:18px;z-index:80;border:2px solid #171717;border-radius:999px;padding:11px 17px;background:#f6d95c;color:#171717;box-shadow:4px 4px 0 #171717;font:800 12px/1 'DM Mono',monospace;letter-spacing:.06em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.music-toggle:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #171717}
.music-toggle:active{transform:translate(4px,4px);box-shadow:0 0 0 #171717}
.music-toggle.hidden{display:none}
@media(max-width:600px){.music-toggle{right:12px;bottom:12px;padding:10px 14px}}


/* Jigsaw challenge and gift reveal */
.puzzle-gate{min-height:100vh;padding:28px 18px;display:grid;place-items:center;background:radial-gradient(circle at 12% 12%,#ffe4ed,transparent 28%),radial-gradient(circle at 88% 85%,#d9f5ed,transparent 28%),var(--paper)}
.puzzle-wrap,.gift-card{width:min(760px,100%);padding:clamp(22px,4vw,38px);background:#fffdf8;border:2px solid var(--line);border-right-width:5px;border-bottom-width:7px;border-radius:24px 17px 27px 18px;box-shadow:9px 10px 0 var(--ink)}
.puzzle-wrap h1,.gift-card h1{font-size:clamp(42px,8vw,68px);line-height:.94;letter-spacing:-.07em;margin:14px 0}.puzzle-wrap h1 em,.gift-card h1 em{font-family:'Playfair Display',serif}.puzzle-wrap>p,.gift-card>p{color:var(--muted);line-height:1.65;max-width:600px}
.jigsaw-board{width:min(440px,100%);aspect-ratio:1;margin:24px auto 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:5px;background:#2b261e;border:2px solid #2b261e;border-radius:12px}
.jigsaw-slot{min-width:0;min-height:0;background:#e8dfd1;border:1px dashed #9a8067;border-radius:5px;position:relative}.jigsaw-slot.filled{background:#fff}.jigsaw-piece{display:block;width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;background-size:200% 200%;background-repeat:no-repeat;border-radius:4px;cursor:grab;touch-action:manipulation;user-select:none}.jigsaw-piece:active{cursor:grabbing}.jigsaw-piece.selected{outline:4px solid #ff8bbd;outline-offset:-4px}
.tray-label{font:11px 'DM Mono',monospace;letter-spacing:.1em;margin:12px 0}.jigsaw-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;gap:7px;padding:10px;background:#f0e8dc;border:1px dashed #9a8067;border-radius:12px;min-width:0}.jigsaw-tray .jigsaw-piece{width:100%;height:auto;aspect-ratio:1;box-shadow:2px 3px 0 #211d17}.jigsaw-slot .jigsaw-piece{width:100%;height:100%;aspect-ratio:1}.jigsaw-slot{aspect-ratio:1;overflow:hidden}.puzzle-complete{text-align:center;margin-top:24px;padding:20px;background:#e3f4df;border:2px solid var(--ink);border-radius:15px}.puzzle-complete b{font:700 14px 'DM Mono',monospace;letter-spacing:.08em}.puzzle-complete p{margin:9px 0 18px}.gift-card{text-align:center;width:min(560px,100%)}.gift-box{display:grid;place-items:center;margin:30px auto 18px;width:170px;height:150px;border:0;border-radius:20px;background:#ffe17a;font-size:86px;cursor:pointer;filter:drop-shadow(6px 7px 0 #211d17);transition:transform .2s}.gift-box:hover{transform:translateY(-6px) rotate(-4deg)}.gift-box span{font:11px 'DM Mono',monospace;letter-spacing:.1em}.paper-note{max-width:420px;margin:18px auto 0;padding:25px;background:#fff4c9;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);transform:rotate(-1deg);border-radius:5px 15px 7px 12px}.paper-note h2{font-size:30px;margin:10px}.paper-note p{line-height:1.6}.paper-note input{display:block;width:100%;padding:14px;border:2px solid var(--ink);border-radius:10px;font:inherit;margin:18px 0 12px}.paper-note small{display:block;min-height:20px;margin-top:14px;line-height:1.5}.paper-note button:disabled{opacity:.6;cursor:wait}
@media(max-width:520px){.jigsaw-tray{grid-template-columns:repeat(2,1fr);gap:8px}.jigsaw-board{gap:3px}.puzzle-wrap{padding:22px 16px}.jigsaw-piece{min-height:0}}

/* Confetti popper burst when the gift is opened */
.gift-confetti{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}
.gift-confetti i{position:absolute;left:var(--x);top:48%;font-style:normal;font-size:clamp(16px,3vw,30px);font-weight:900;color:var(--c,#ee8bb4);text-shadow:1px 2px 0 #211d17;animation:gift-pop 2.15s cubic-bezier(.12,.72,.25,1) var(--delay) both}
.gift-confetti i:nth-child(6n+1){--c:#f5d84f}.gift-confetti i:nth-child(6n+2){--c:#ff8bbd}.gift-confetti i:nth-child(6n+3){--c:#8de6e6}.gift-confetti i:nth-child(6n+4){--c:#ff9a53}.gift-confetti i:nth-child(6n+5){--c:#a9d98c}
@keyframes gift-pop{0%{opacity:0;transform:translate(0,0) scale(.25) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-65vh) scale(1.1) rotate(var(--spin))}}

/* LOVE THEME UPDATE — keeps the scrapbook cards, asymmetry and chunky shadows */
:root{
  --ink:#351d2b;
  --paper:#fff0f4;
  --muted:#876b79;
  --pink:#ed78a5;
  --yellow:#f4b2c8;
  --blue:#d9b8e8;
  --orange:#ffc0aa;
  --line:#3b2331;
}
body{background:var(--paper);color:var(--ink)}
.gate,.construction-gate,.puzzle-gate{
  background:radial-gradient(circle at 13% 16%,#ffd6e4,transparent 30%),radial-gradient(circle at 88% 82%,#ead8f5,transparent 31%),var(--paper)
}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,.card,.intro-card,.photo-card,.video-card,.lore-card,.note-card,.last-memory,.inline-meme{
  background-color:#fff8fa;
}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,.card,.photo-card,.video-card,.lore-card,.note-card,.last-memory,.inline-meme{
  border-color:var(--line);
}
.pass-row button,.pill-btn,.construction-card button,.music-toggle{
  background:#f2a8c1;color:#351d2b;border-color:var(--line)
}
.marker,.underline-yellow{background:linear-gradient(transparent 56%,#f4b2c8 56%)}
.underline-pink{background:linear-gradient(transparent 65%,#f4b2c8 65%)}
.underline-blue{background:linear-gradient(transparent 65%,#d9b8e8 65%)}
.underline-orange{background:linear-gradient(transparent 65%,#ffc0aa 65%)}
.tape{background:#eab8d4}
.stamp{background:#d9b8e8}
.video-section{background:#f6e2eb}
.lore-card:nth-child(2),.note-card,.last-memory{background:#fff5f8}
.finale{background:#f2a8c1;color:#351d2b}
.status-pill{background:#fbe0e9}
.status-pill i{background:#df638f}
.construction-card h1 em{color:#d65386}
.construction-footer{border-color:#ead1dc;color:#967b89}
.memory-group{border-bottom-color:#e6bfd0}
.inline-meme{background:#fff8fa}
.inline-meme figcaption{color:#765d6b}
.momo-dumpling{background:#fbe0e9}
.music-toggle{background:#f2a8c1}
.puzzle-gate{background:radial-gradient(circle at 12% 12%,#ffdce8,transparent 28%),radial-gradient(circle at 88% 85%,#eadcf5,transparent 28%),var(--paper)}
.jigsaw-board{background:#543347;border-color:#543347}
.jigsaw-slot{background:#f2dce6;border-color:#bd91a7}
.jigsaw-tray{background:#f8e5ed;border-color:#bd91a7}
.puzzle-complete{background:#f8dce8;border-color:var(--line)}
.gift-box{background:#f2a8c1}
.paper-note{background:#fff0f5;border-color:var(--line)}
.gift-confetti i:nth-child(6n+1){--c:#f2a8c1}
.gift-confetti i:nth-child(6n+2){--c:#ed78a5}
.gift-confetti i:nth-child(6n+3){--c:#d9b8e8}
.gift-confetti i:nth-child(6n+4){--c:#ffc0aa}
.gift-confetti i:nth-child(6n+5){--c:#d99ab8}

/* FULL LOVE-LETTER THEME: richer romantic colour across every section */
:root{--ink:#35152d;--paper:#f6dce8;--muted:#80566f;--pink:#ef82ad;--yellow:#f3a9c5;--blue:#c9a4df;--orange:#f5b3a6;--line:#4a1c3d}
body{background:linear-gradient(135deg,#f8dce9 0%,#efd0e5 48%,#e4c9e8 100%);color:var(--ink)}
.gate,.construction-gate,.puzzle-gate{background:radial-gradient(circle at 12% 12%,#f7aeca 0,transparent 32%),radial-gradient(circle at 88% 86%,#cba8df 0,transparent 34%),linear-gradient(135deg,#f7d9e7,#e9cce8)}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,.card,.intro-card,.photo-card,.video-card,.lore-card,.note-card,.last-memory,.inline-meme{background:linear-gradient(145deg,#ffeaf2,#f7dce9 58%,#f0d9ef);border-color:#54213f}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,.card,.photo-card,.video-card,.lore-card,.note-card,.last-memory,.inline-meme{box-shadow:8px 9px 0 #54213f}
.pass-row input,.construction-card input,.paper-note input{background:#fff0f6;color:#35152d;border-color:#54213f}
.pass-row button,.pill-btn,.construction-card button,.music-toggle{background:linear-gradient(135deg,#f58bb4,#d99bd5);color:#35152d;border-color:#54213f}
.marker,.underline-yellow,.underline-pink{background:linear-gradient(transparent 56%,#f09abc 56%)}
.underline-blue{background:linear-gradient(transparent 65%,#c9a4df 65%)}.underline-orange{background:linear-gradient(transparent 65%,#f5b3a6 65%)}
.video-section,.meme-section{background:#e8c9df}.lore-card:nth-child(2),.note-card,.last-memory{background:linear-gradient(145deg,#ffeaf2,#f2d9ec)}
.finale{background:linear-gradient(135deg,#e98bb5,#c994d2);color:#35152d}
.ticker{background:#4a1c3d;color:#ffeaf2}.stamp,.status-pill,.momo-dumpling{background:#d9b3df}
.section-kicker,.number{color:#a14e7b}.memory-group{border-bottom-color:#c98caf}.construction-footer{border-color:#d7a9c5;color:#80566f}
.jigsaw-board{background:#54213f;border-color:#54213f}.jigsaw-slot{background:#f4d6e5;border-color:#b979a0}.jigsaw-tray{background:#ebc8dc;border-color:#b979a0}.puzzle-complete{background:#efc5db;border-color:#54213f}
.gift-box{background:linear-gradient(145deg,#f7a5c5,#c991d8);filter:drop-shadow(6px 7px 0 #54213f)}.paper-note{background:linear-gradient(145deg,#fff0f6,#f5d8e9);border-color:#54213f;box-shadow:5px 6px 0 #54213f}
.photo-card,.video-card,.lore-card,.note-card,.intro-card{color:#35152d}.hero-sub,.section-head p,.lore-card p,.note-card p,.gate p,.construction-card p{color:#80566f}
.meme-card,.inline-meme{background:#f7dce9;border-color:#54213f;box-shadow:5px 6px 0 #54213f}
.music-toggle{box-shadow:4px 4px 0 #54213f}
/* Gift click interaction and romantic particle effects */
.gift-box.gift-shake{animation:gift-rattle .42s ease-in-out}
@keyframes gift-rattle{0%,100%{transform:translateX(0) rotate(0)}18%{transform:translateX(-8px) rotate(-7deg)}36%{transform:translateX(8px) rotate(7deg)}54%{transform:translateX(-6px) rotate(-5deg)}72%{transform:translateX(6px) rotate(5deg)}}
.gift-box.gift-opened{animation:gift-bloom .55s ease forwards}
@keyframes gift-bloom{to{transform:scale(1.12) rotate(8deg);filter:drop-shadow(0 0 24px #f08db9)}}
.heart-particles{position:absolute;inset:0;z-index:90;pointer-events:none;overflow:hidden}
.heart-particles i{position:absolute;font-style:normal;font-size:clamp(20px,4vw,34px);color:rgba(225,91,151,.62);text-shadow:0 2px 8px rgba(112,35,83,.18);animation:heart-float 1.45s ease-out var(--delay) both}
@keyframes heart-float{0%{opacity:0;transform:translate(0,0) scale(.55) rotate(0)}15%{opacity:.75}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.35) rotate(var(--rot))}}
.gift-confetti i{color:#e879a9;text-shadow:0 2px 8px rgba(74,28,61,.25)}
.gift-confetti i:nth-child(6n+1){--c:#f58bb4}.gift-confetti i:nth-child(6n+2){--c:#d99bd5}.gift-confetti i:nth-child(6n+3){--c:#f7bfd5}.gift-confetti i:nth-child(6n+4){--c:#c9a4df}.gift-confetti i:nth-child(6n+5){--c:#f5b3a6}
#gift-stage{position:relative;isolation:isolate}.gift-card{position:relative;z-index:2}.heart-particles{position:absolute;inset:0;z-index:5}

/* VALENTINE LOVE-LETTER BIRTHDAY THEME — richer, romantic, intentionally not a generic pink birthday page */
:root{
  --ink:#3a1028;
  --paper:#f2cbd9;
  --muted:#805064;
  --pink:#d85b88;
  --yellow:#e7a2bd;
  --blue:#b98ab8;
  --orange:#d98c91;
  --line:#4a1735;
}
html{background:#f2cbd9}
body{
  color:#3a1028;
  background:
    radial-gradient(ellipse at 12% 8%,rgba(255,225,235,.72),transparent 34%),
    radial-gradient(ellipse at 88% 32%,rgba(198,133,170,.28),transparent 38%),
    linear-gradient(145deg,#f4d5df 0%,#e9b9cc 42%,#d8a9c4 100%);
}
/* Romantic opening screens */
.gate,.construction-gate,.puzzle-gate{
  background:
    radial-gradient(circle at 14% 18%,rgba(255,220,233,.8),transparent 27%),
    radial-gradient(circle at 88% 82%,rgba(178,112,157,.35),transparent 32%),
    linear-gradient(145deg,#f4d4df 0%,#e5b5ca 48%,#cfa2bd 100%);
}
.gate-card,.construction-card,.puzzle-wrap,.gift-card{
  background:linear-gradient(145deg,#f9e3e9 0%,#f0cbd9 52%,#e5bbd0 100%);
  border-color:#4a1735;
  box-shadow:9px 10px 0 #4a1735;
}
.gate-card:before,.construction-card:before,.puzzle-wrap:before,.gift-card:before{
  content:"♡  WITH LOVE  ♡";
  display:block;
  margin-bottom:13px;
  color:#a0446d;
  font:10px 'DM Mono',monospace;
  letter-spacing:.22em;
}
.gate h1,.construction-card h1,.puzzle-wrap h1,.gift-card h1{color:#571735}
.gate h1 em,.construction-card h1 em,.puzzle-wrap h1 em,.gift-card h1 em{color:#b33e70}
.gate p,.construction-card p,.puzzle-wrap>p,.gift-card>p{color:#805064}
.pass-row input,.construction-card input,.paper-note input{
  background:#f9e7ec;color:#42172f;border-color:#642344;
}
.pass-row button,.pill-btn,.construction-card button,.music-toggle{
  background:linear-gradient(135deg,#b83d70,#df7799 58%,#e8a7bd);
  color:#fff6f8;border-color:#4a1735;
  box-shadow:4px 5px 0 #4a1735;
}
/* The scrapbook remains, but the surfaces now feel like layered love letters */
.card,.intro-card,.photo-card,.video-card,.lore-card,.note-card,.last-memory,.inline-meme,.meme-card{
  background:linear-gradient(145deg,#f7dce5 0%,#edc3d4 58%,#e4b5cb 100%);
  border-color:#4a1735;
  box-shadow:7px 8px 0 #4a1735;
  color:#42172f;
}
.photo-card,.video-card,.lore-card,.note-card,.intro-card,.last-memory{color:#42172f}
.hero-sub,.section-head p,.lore-card p,.note-card p,.last-memory-copy p,.gate p,.construction-card p{color:#805064}
.hero h1,.intro h2,.section-head h2,.lore h2,.note-card h2,.final-inner h2{color:#571735}
.brand span,.section-kicker,.number{color:#a83f70}
.tape{background:#c9789b;opacity:.58}
.stamp{background:#6c2349;color:#ffe8ef;border-color:#42152f}
.marker,.underline-yellow,.underline-pink{background:linear-gradient(transparent 58%,#d9779e 58%)}
.underline-blue{background:linear-gradient(transparent 65%,#b88ab9 65%)}
.underline-orange{background:linear-gradient(transparent 65%,#d98c91 65%)}
.scribble,.signoff{color:#9b3c68}
/* Deep romantic interludes replace the pale neutral strips */
.ticker{background:#4a1735;color:#ffe8ef;border-top:1px solid #8c4265;border-bottom:1px solid #8c4265}
.video-section,.meme-section{background:linear-gradient(135deg,#d8a8c0,#c995b3 55%,#b982a6);}
.video-section .section-kicker,.meme-section .section-kicker{color:#682344}
.lore-card:nth-child(2){background:linear-gradient(145deg,#e9c0d1,#d9a9c2)}
.note-card,.last-memory{background:linear-gradient(145deg,#f8e2e8,#edc6d6 58%,#e2b5cc)}
.finale{background:linear-gradient(135deg,#702344 0%,#8e315b 48%,#b34d79 100%);color:#fff0f5}
.finale .final-inner h2,.finale .final-inner p,.finale .big-star{color:#fff0f5}
footer{background:#4a1735;color:#f2cbd9}
.footer-credit b{color:#ffc1d5}
/* Gallery details: polaroid-like frames in rose rather than white */
.photo-card img,.video-card video{border:1px solid rgba(74,23,53,.28)}
.photo-index,.video-label,.video-label span{color:#805064}
.memory-group{border-bottom-color:#b76b91}
.inline-meme img,.meme-card img{background:#5a2344}
.inline-meme figcaption{color:#6d3451}
/* Puzzle and gift stay easy to read, but now match the love-letter palette */
.jigsaw-board{background:#4a1735;border-color:#4a1735}
.jigsaw-slot{background:#e6bfd0;border-color:#a85b80}
.jigsaw-slot.filled{background:#f1d2de}
.jigsaw-tray{background:#dcaec4;border-color:#a85b80}
.jigsaw-piece.selected{outline-color:#d85b88}
.puzzle-complete{background:linear-gradient(135deg,#e6b8cc,#d9a4bf);border-color:#4a1735;color:#42172f}
.gift-box{background:linear-gradient(145deg,#d85b88,#9d3c70 65%,#6c2349);color:#fff0f5;filter:drop-shadow(6px 7px 0 #4a1735)}
.paper-note{background:linear-gradient(145deg,#f9e7ec,#edc5d7);border-color:#4a1735;box-shadow:5px 6px 0 #4a1735;color:#42172f}
.paper-note h2{color:#7d254e}
.music-toggle{background:linear-gradient(135deg,#b83d70,#df7799);color:#fff6f8}
.momo-dumpling{background:#f1d0dc;border-color:#4a1735;box-shadow:4px 5px 0 #4a1735}
.status-pill{background:#e8bfd0;color:#642344;border-color:#642344}
.status-pill i{background:#a83f70}
.construction-footer{border-color:#c88ba8;color:#805064}
/* Keep the already-working gift shakes and heart particle animation intact; recolour only */
.gift-box.gift-shake{animation:gift-rattle .42s ease-in-out}
.heart-particles i{color:rgba(178,49,105,.62);text-shadow:0 2px 8px rgba(74,23,53,.22)}
.gift-confetti i{color:#e879a9;text-shadow:0 2px 8px rgba(74,23,53,.25)}
.gift-confetti i:nth-child(6n+1){--c:#f3b0c7}.gift-confetti i:nth-child(6n+2){--c:#d85b88}.gift-confetti i:nth-child(6n+3){--c:#b98ab8}.gift-confetti i:nth-child(6n+4){--c:#f0a2ad}.gift-confetti i:nth-child(6n+5){--c:#8e315b}
@media(max-width:700px){
  .gate-card,.construction-card,.puzzle-wrap,.gift-card{box-shadow:6px 7px 0 #4a1735}
  .hero{background:transparent}
  .finale{padding:78px 6vw}
}

/* End-of-site love-letter review card */
.review-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#54152f 0%,#7b244b 48%,#a6406b 100%);padding-top:84px;padding-bottom:100px}
.review-card{position:relative;max-width:760px;margin:0 auto;padding:clamp(26px,5vw,52px);background:linear-gradient(145deg,#f8dce7 0%,#edbfd2 55%,#dfa9c3 100%);border:2px solid #3e1028;box-shadow:10px 11px 0 #310d22;color:#48152f;overflow:hidden}
.review-card:after{content:"♡   ✦   ♡";position:absolute;right:22px;top:16px;color:rgba(132,39,82,.24);font-size:26px;letter-spacing:8px;transform:rotate(9deg)}
.review-card .section-kicker{color:#8c3159}
.review-card h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.02;color:#53152f;margin:16px 0}
.review-card h2 em{color:#a52f62}
.review-card>p{color:#75425a;max-width:560px;line-height:1.65}
.review-stamp{position:absolute;right:9%;top:24%;font-size:clamp(3rem,8vw,6rem);color:rgba(164,47,98,.2);transform:rotate(15deg)}
.review-form{display:grid;gap:16px;margin-top:24px}
.review-form textarea{width:100%;resize:vertical;min-height:125px;padding:17px 18px;border:2px solid #69203f;border-radius:13px;background:rgba(255,239,245,.78);color:#48152f;font:16px 'DM Sans',sans-serif;outline:none;box-shadow:4px 5px 0 rgba(62,16,40,.28)}
.review-form textarea:focus{border-color:#b63870;box-shadow:4px 5px 0 #69203f,0 0 0 3px rgba(182,56,112,.15)}
.review-form textarea::placeholder{color:#98677d}
.review-form .pill-btn{justify-self:start;cursor:pointer}
.review-form .pill-btn:disabled{opacity:.65;cursor:default}
.review-flight{position:absolute;left:40%;bottom:24%;font-size:42px;opacity:0;pointer-events:none;z-index:5;transform-origin:center}
.review-flight.fly-away{animation:review-paper-flight 1.15s cubic-bezier(.2,.7,.25,1) forwards}
@keyframes review-paper-flight{0%{opacity:0;transform:translate(0,30px) rotate(-12deg) scale(.75)}12%{opacity:1}45%{opacity:1;transform:translate(90px,-105px) rotate(12deg) scale(1.12)}100%{opacity:0;transform:translate(340px,-310px) rotate(28deg) scale(.45)}}
.review-thanks{margin-top:22px;padding:14px 18px;border:1px dashed #9d3d67;border-radius:12px;background:rgba(255,240,246,.58);color:#64203f;font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.review-card{padding:25px 20px}.review-flight{left:35%;bottom:23%}@keyframes review-paper-flight{0%{opacity:0;transform:translate(0,25px) rotate(-12deg) scale(.75)}12%{opacity:1}45%{opacity:1;transform:translate(45px,-85px) rotate(12deg) scale(1.05)}100%{opacity:0;transform:translate(180px,-250px) rotate(28deg) scale(.4)}}}

/* CLASSIC THEME RESTORE — original warm white, black and yellow scrapbook palette */
:root{
  --ink:#171717;
  --paper:#fffdf6;
  --muted:#625f56;
  --pink:#f5e65a;
  --yellow:#f5e65a;
  --blue:#f5e65a;
  --orange:#f5e65a;
  --line:#171717;
}
html,body{background:#fffdf6;color:#171717}
body{background:#fffdf6;color:#171717}
.gate,.construction-gate,.puzzle-gate{
  background:radial-gradient(circle at 12% 14%,#fff1a8 0,transparent 30%),radial-gradient(circle at 88% 84%,#fff9d9 0,transparent 32%),#fffdf6;
}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,
.card,.intro-card,.photo-card,.video-card,.lore-card,.note-card,
.last-memory,.inline-meme,.meme-card,.review-card{
  background:#fff;
  color:#171717;
  border-color:#171717;
  box-shadow:7px 8px 0 #171717;
}
.gate-card,.construction-card,.puzzle-wrap,.gift-card,.review-card{box-shadow:9px 10px 0 #171717}
.pass-row input,.construction-card input,.paper-note input,.review-form textarea{
  background:#fff;color:#171717;border-color:#171717;
}
.pass-row button,.pill-btn,.construction-card button,.music-toggle{
  background:#f5e65a;color:#171717;border-color:#171717;
  box-shadow:4px 5px 0 #171717;
}
.marker,.underline-yellow,.underline-pink,.underline-blue,.underline-orange{
  background:linear-gradient(transparent 58%,#f5e65a 58%);
}
.tape{background:#f5e65a;opacity:.8}
.stamp{background:#f5e65a;color:#171717;border-color:#171717}
.ticker{background:#171717;color:#fff;border:0}
.video-section,.meme-section{background:#f3f0e6}
.lore-card:nth-child(2),.note-card,.last-memory{background:#fffdf6}
.finale{background:#f5e65a;color:#171717}
.finale .final-inner h2,.finale .final-inner p,.finale .big-star{color:#171717}
footer{background:#171717;color:#fff}
.footer-credit b{color:#f5e65a}
.brand span,.section-kicker,.number{color:#625f56}
.hero-sub,.section-head p,.lore-card p,.note-card p,.last-memory-copy p,
.gate p,.construction-card p,.review-card>p{color:#625f56}
.hero h1,.intro h2,.section-head h2,.lore h2,.note-card h2,.final-inner h2,.review-card h2{color:#171717}
.scribble,.signoff{color:#625f56}
.video-section .section-kicker,.meme-section .section-kicker{color:#625f56}
.photo-card img,.video-card video{border:1px solid rgba(23,23,23,.18)}
.photo-index,.video-label,.video-label span{color:#625f56}
.memory-group{border-bottom-color:#d8d3c7}
.inline-meme img,.meme-card img{background:#eee9d9}
.inline-meme figcaption{color:#625f56}
.jigsaw-board{background:#171717;border-color:#171717}
.jigsaw-slot{background:#eee9d9;border-color:#8d887b}
.jigsaw-slot.filled{background:#fff}
.jigsaw-tray{background:#f3f0e6;border-color:#aaa494}
.jigsaw-piece.selected{outline-color:#f5e65a}
.puzzle-complete{background:#fff4ad;border-color:#171717;color:#171717}
.gift-box{background:#f5e65a;color:#171717;filter:drop-shadow(6px 7px 0 #171717)}
.paper-note{background:#fff8cf;border-color:#171717;box-shadow:5px 6px 0 #171717;color:#171717}
.paper-note h2{color:#171717}
.momo-dumpling{background:#fff4ad;border-color:#171717;box-shadow:4px 5px 0 #171717}
.status-pill{background:#fff4ad;color:#171717;border-color:#171717}
.status-pill i{background:#d3a900}
.construction-card h1 em{color:#171717}
.construction-footer{border-color:#ded9ca;color:#625f56}
.heart-particles i{color:rgba(220,180,0,.72);text-shadow:0 2px 8px rgba(23,23,23,.2)}
.gift-confetti i{color:#f5e65a;text-shadow:0 2px 8px rgba(23,23,23,.25)}
.gift-confetti i:nth-child(6n+1){--c:#f5e65a}
.gift-confetti i:nth-child(6n+2){--c:#fff}
.gift-confetti i:nth-child(6n+3){--c:#d8c33e}
.gift-confetti i:nth-child(6n+4){--c:#eee9d9}
.gift-confetti i:nth-child(6n+5){--c:#b9a43a}
.review-section{background:#171717}
.review-card{background:#fffdf6;border-color:#171717;box-shadow:10px 11px 0 #000;color:#171717}
.review-card:after{color:rgba(190,160,20,.2)}
.review-card .section-kicker{color:#625f56}
.review-card h2,.review-card h2 em{color:#171717}
.review-form textarea{background:#fff;color:#171717;border-color:#171717;box-shadow:4px 5px 0 rgba(23,23,23,.22)}
.review-form textarea:focus{border-color:#b39b20;box-shadow:4px 5px 0 #171717,0 0 0 3px rgba(245,230,90,.25)}
.review-form textarea::placeholder{color:#817b68}
.review-thanks{border-color:#b39b20;background:#fff8cf;color:#171717}
@media(max-width:700px){.gate-card,.construction-card,.puzzle-wrap,.gift-card{box-shadow:6px 7px 0 #171717}}