:root{color:#f8efe1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:#17130f;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;min-height:100%}body{background:radial-gradient(circle at 18% 8%,#c36e4857,#0000 34%),linear-gradient(#17130f 0%,#241c16 44%,#101514 100%);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:34px 34px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 72%);mask-image:linear-gradient(#000000d1,#0000 72%)}button{font:inherit}main{width:100%;overflow:hidden}.music-toggle{right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:20;color:#fff2df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#1e1812b8;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid;position:fixed;box-shadow:0 14px 38px #0000004d}.music-toggle.is-playing{color:#21140f;background:linear-gradient(135deg,#ffd9a6,#ef9f74);border-color:#ffd9a699}.music-toggle.is-playing:after{content:"";border:1px solid #ffd9a647;border-radius:50%;animation:1.8s ease-out infinite musicPulse;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.cover{min-height:100svh;padding:max(32px,env(safe-area-inset-top))20px max(28px,env(safe-area-inset-bottom));scroll-snap-align:start;align-items:flex-end;display:flex;position:relative}.cover:after{content:"";background:linear-gradient(#17130f1f 0%,#17130fad 52%,#17130f 100%),linear-gradient(90deg,#17130fb8,#0000 56%);position:absolute;top:0;bottom:0;left:0;right:0}.cover-photo-wall{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.cover-thumb{aspect-ratio:3/4;object-fit:cover;opacity:.86;border:1px solid #ffffff38;border-radius:6px;width:43vw;max-width:210px;animation:.9s both floatIn;position:absolute;box-shadow:0 24px 70px #0000006b}.cover-thumb-1{top:7%;left:-7%;transform:rotate(-9deg)}.cover-thumb-2{animation-delay:80ms;top:5%;right:5%;transform:rotate(7deg)}.cover-thumb-3{animation-delay:.16s;top:30%;left:13%;transform:rotate(4deg)}.cover-thumb-4{animation-delay:.24s;top:34%;right:-9%;transform:rotate(-8deg)}.cover-thumb-5,.cover-thumb-6{display:none}.cover-content{z-index:1;width:min(100%,560px);padding-bottom:4px;position:relative}.cover-kicker,.eyebrow{color:#eebd83;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.cover h1{color:#fff8ed;letter-spacing:0;max-width:12ch;margin:14px 0 16px;font-size:3.05rem;line-height:.96}.cover-note{color:#fff8edcc;max-width:34rem;margin:0 0 24px;font-size:1rem;line-height:1.72}.primary-action,.ghost-action{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;display:inline-flex}.primary-action{color:#21140f;background:linear-gradient(135deg,#ffd9a6,#ef9f74 58%,#d56b57);width:100%;font-weight:800;box-shadow:0 14px 34px #ef9f7447}.ghost-action{color:#fff4e3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff17;border:1px solid #ffffff29;width:100%;margin-top:12px}.timeline{padding:0;position:relative}.section-heading{top:max(8px,env(safe-area-inset-top));z-index:8;pointer-events:none;width:min(100%,560px);margin:0 auto -74px;padding:14px 18px 0;position:sticky}.section-heading h2,.finale h2{color:#fff7eb;letter-spacing:0;margin:10px 0;font-size:1.74rem;line-height:1.12}.timeline-track{gap:0;width:100%;margin:0;display:grid;position:relative}.memory-screen{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;min-height:100svh;padding:84px 18px 22px;display:flex;position:relative}.memory-screen:before{pointer-events:none;content:"";opacity:.82;background:linear-gradient(#17130f33,#241c16c7),radial-gradient(circle at 76% 22%,#eebd8321,#0000 38%);position:absolute;top:0;bottom:0;left:0;right:0}.memory-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:.46;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),#1e1812b8;border:1px solid #ffffff21;border-radius:8px;grid-template-rows:auto minmax(240px,1fr) auto;gap:13px;width:min(100%,520px);min-height:min(82svh,720px);padding:16px;transition:opacity .54s,transform .64s cubic-bezier(.2,.8,.2,1),border-color .54s,box-shadow .54s;display:grid;position:relative;overflow:hidden;transform:translateY(34px)scale(.96);box-shadow:0 16px 46px #00000042}.memory-card:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 42%,#0000005c);transition:opacity .54s;position:absolute;top:0;bottom:0;left:0;right:0}.memory-card.is-active{opacity:1;border-color:#ffd9a64d;transform:translateY(0)scale(1);box-shadow:0 24px 70px #0000005c}.memory-card.is-active:before{opacity:1}.memory-year{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.memory-year span{color:#ffe1b6;font-size:1rem;font-weight:800}.memory-year small{color:#fff8ed8f;font-size:.75rem}.media-frame{cursor:default;background:#281f18;border:0;border-radius:7px;width:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.media-frame.is-video{cursor:pointer}.media-frame img{object-fit:cover;filter:saturate(.85)brightness(.84);width:100%;height:100%;transition:transform .76s,filter .54s;display:block;transform:scale(1.045)}.memory-card.is-active .media-frame img{filter:saturate(1.06)brightness(.98);transform:scale(1)}.play-pill{color:#21140f;background:#ffe9cbeb;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 16px 38px #00000047}.memory-copy h2{color:#fff7eb;letter-spacing:0;margin:8px 0;font-size:1.42rem;line-height:1.22}.memory-copy p:not(.eyebrow){color:#fff8edc2;margin:0;font-size:.95rem;line-height:1.72}.memory-copy span{color:#eebd83e6;margin-top:12px;font-size:.82rem;line-height:1.48;display:block}.memory-copy,.memory-year{z-index:1;transition:opacity .52s,transform .64s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(10px)}.memory-card:not(.is-active) .memory-copy,.memory-card:not(.is-active) .memory-year{opacity:.54}.memory-card.is-active .memory-copy,.memory-card.is-active .memory-year{opacity:1;transform:translateY(0)}.finale{scroll-snap-align:start;background:linear-gradient(145deg,#f1a56933,#ffffff0f),#111816c7;border:1px solid #ffffff24;border-radius:8px;width:min(100% - 36px,520px);min-height:calc(100svh - 56px);margin:0 auto;padding:34px 20px 28px;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000057}.anniversary-number{color:#ffd9a621;font-size:9rem;font-weight:900;line-height:1;position:absolute;top:-22px;right:10px}.letter{gap:12px;margin-top:18px;display:grid;position:relative}.letter p{color:#fff8edd1;margin:0;font-size:.98rem;line-height:1.82}.sparkle-row{color:#ffd9a6;justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.sparkle-row svg{animation:1.8s ease-in-out infinite twinkle}.sparkle-row svg:nth-child(2){animation-delay:.26s}.sparkle-row svg:nth-child(3){animation-delay:.52s}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)rotate(0)scale(.96)}}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,to{opacity:.46;transform:translateY(0)scale(.94)}50%{opacity:1;transform:translateY(-3px)scale(1.08)}}@keyframes musicPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@media (min-width:640px){.cover{justify-content:center;padding-inline-start:42px;padding-inline-end:42px}.cover h1{max-width:13ch}.primary-action,.ghost-action{width:auto;padding-inline-start:22px;padding-inline-end:22px}.ghost-action{margin-top:0;margin-left:10px}.cover-thumb{width:28vw}.cover-thumb-5,.cover-thumb-6{display:block}.cover-thumb-5{bottom:8%;left:8%;transform:rotate(8deg)}.cover-thumb-6{bottom:8%;right:12%;transform:rotate(-5deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}