@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{color:#f8f1f5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#100b10;--panel:#191219;--pink:#f0a7c4;--rose:#ce7194;--muted:#b7a8b2;--line:#ffffff18;--serif:"Playfair Display",Georgia,serif;background:#100b10;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 50% -18%,#4c263e 0,transparent 48%),var(--bg);min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-width{width:min(1100px,90%);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:86px;display:flex}.wordmark{letter-spacing:.19em;align-items:center;gap:10px;font-size:.7rem;font-weight:700;display:inline-flex}.heart-symbol{color:var(--pink);font-size:1.25em;line-height:1}.topbar-right{color:#b7a8b2;letter-spacing:.17em;align-items:center;gap:26px;font-size:.64rem;display:flex}.music-button{color:#f8f1f5;letter-spacing:0;background:0 0;border:1px solid #ffffff20;border-radius:99px;align-items:center;gap:8px;padding:9px 13px;font-size:.75rem;display:flex}.music-button.is-playing{color:var(--pink);border-color:#f0a7c480}.hero{text-align:center;place-items:center;min-height:calc(100svh - 86px);display:grid;position:relative;overflow:hidden}.hero-content{z-index:1;padding:70px 0 90px;position:relative}.ambient{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#d66e9b16,#0000 68%);width:350px;height:350px;animation:9s ease-in-out infinite drift;top:16%;left:-150px}.ambient-two{background:radial-gradient(circle,#c780b514,#0000 68%);width:400px;height:400px;animation:11s ease-in-out infinite reverse drift;bottom:2%;right:-180px}.eyebrow{letter-spacing:.21em;color:var(--pink);font-size:.65rem;font-weight:600}.hero .eyebrow{justify-content:center;align-items:center;gap:12px;display:flex}.eyebrow-line{background:#f0a7c466;width:26px;height:1px}.hero h1{font:400 clamp(4rem,10vw,8rem)/.99 var(--serif);letter-spacing:-.065em;margin:27px 0 25px}.hero h1 em,.counter-panel h2 em,.final-card h2 em{color:var(--pink);font-weight:400}.hero-copy{max-width:440px;color:var(--muted);margin:0 auto;font-size:.97rem;line-height:1.9}.button-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px;display:flex}.hero .button-row,.centered{justify-content:center}.button{color:#f8f1f5;background:#ffffff03;border:1px solid #f0a7c455;border-radius:99px;justify-content:center;align-items:center;gap:13px;padding:13px 19px;font-size:.82rem;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.button:hover{border-color:#f0a7c4a8;transform:translateY(-2px)}.button-primary{background:var(--pink);border-color:var(--pink);color:#26131e;font-weight:700}.button-primary:hover{background:#f7bfd4}.button-quiet{color:#f1e6ed;border-color:#ffffff20}.button-outline{background:#f0a7c40a;border-color:#f0a7c455}.hero-foot{color:#8d7c88;letter-spacing:.17em;justify-content:center;align-items:center;gap:9px;margin-top:48px;font-size:.58rem;display:flex}.pulse-dot{background:var(--pink);width:5px;height:5px;box-shadow:0 0 12px var(--pink);border-radius:50%;animation:2s infinite pulse}.hero-stamp{color:#b7a8b2;letter-spacing:.15em;border:1px solid #f0a7c42a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:92px;height:92px;font-size:.48rem;display:flex;position:absolute;bottom:12%;right:2%;transform:rotate(12deg)}.hero-stamp .heart-symbol{font-size:1.8rem}.section{padding-top:80px;padding-bottom:65px}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font:400 clamp(2.3rem,5vw,4rem) var(--serif);letter-spacing:-.045em;margin:12px 0}.section-heading>p:last-child{color:var(--muted);font-size:.92rem;line-height:1.7}.letter-card{background:linear-gradient(140deg,#211720,#171117 75%);border:1px solid #f0a7c426;border-radius:20px;max-width:780px;margin:auto;overflow:hidden;box-shadow:0 30px 90px #0002}.letter-top,.letter-bottom{color:#9b8995;letter-spacing:.16em;border-bottom:1px solid #ffffff0c;justify-content:space-between;gap:20px;padding:18px 25px;font-size:.58rem;display:flex}.letter-bottom{border-top:1px solid #ffffff0c;border-bottom:0}.letter-body{padding:clamp(25px,6vw,55px)}.letter-body p{color:#d9cbd4;margin:0 0 17px;font-size:.96rem;line-height:1.95}.letter-body .letter-greeting{font:400 1.8rem var(--serif);color:var(--pink)}.signature{font:italic 1.65rem var(--serif);color:var(--pink);margin-top:30px}.signature small{color:#a896a3;margin-top:10px;font:400 .75rem DM Sans,sans-serif;display:block}.gallery-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.gallery-toolbar p,.upload-note{color:#a895a2;font-size:.75rem}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.memory-card{background:linear-gradient(155deg,#261822,#171117);border:1px solid #ffffff15;border-radius:17px;transition:transform .3s,border-color .3s;overflow:hidden}.memory-card:hover{border-color:#f0a7c44c;transform:translateY(-5px)}.memory-art{background:radial-gradient(at 50% 70%,#c55e8a24,#0000 55%),linear-gradient(145deg,#281a26,#171117);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:225px;display:flex}.memory-art>span{font:400 5rem var(--serif);color:#f0a7c44c}.memory-art small{letter-spacing:.2em;color:#9d8292;font-size:.55rem}.memory-card img{object-fit:cover;width:100%;height:225px;display:block}.memory-caption{padding:21px}.memory-caption .eyebrow{font-size:.56rem}.memory-caption h3{font:400 1.45rem var(--serif);margin:10px 0}.memory-caption p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.upload-note{margin-top:14px}.counter-panel{background:radial-gradient(at 100% 0,#8c3d6221,#0000 48%),#1a131a;border:1px solid #f0a7c42b;border-radius:22px;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:clamp(25px,5vw,55px);display:grid;position:relative}.counter-panel h2{font:400 clamp(2.3rem,5vw,4rem)/1.1 var(--serif);letter-spacing:-.04em;margin:15px 0}.counter-caption{color:var(--muted);max-width:320px;font-size:.87rem;line-height:1.8}.counter-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.counter-cell{background:#100b1055;border:1px solid #ffffff13;border-radius:13px;padding:21px 17px}.counter-cell strong{font:400 clamp(1.7rem,4vw,2.8rem) var(--serif);color:var(--pink);display:block}.counter-cell span{color:#ad9aa7;text-transform:uppercase;letter-spacing:.16em;font-size:.63rem}.counter-date{color:#8f7b89;letter-spacing:.16em;border-top:1px solid #ffffff12;grid-column:1/-1;justify-content:space-between;padding-top:17px;font-size:.6rem;display:flex}.counter-date span{color:#d9cbd4}.final-section{padding-top:60px;padding-bottom:100px}.final-card{text-align:center;background:radial-gradient(at 50% 110%,#b44e7b1e,#0000 55%),linear-gradient(140deg,#201620,#151016);border:1px solid #f0a7c42b;border-radius:22px;padding:clamp(40px,8vw,90px) 20px;position:relative;overflow:hidden}.final-sparkle{color:var(--pink);margin-bottom:14px;font-size:2rem}.final-card h2{font:400 clamp(2.8rem,7vw,5.4rem)/1.08 var(--serif);letter-spacing:-.05em;margin:18px 0}.final-copy{color:var(--muted);font-size:.9rem}.final-answer{color:var(--pink);margin-top:25px;line-height:1.7;animation:.5s fadeIn}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:35px 5% 45px}.footer .wordmark{justify-content:center}.footer p{color:#a895a2;margin:15px 0;font-size:.77rem}.footer p span{color:var(--pink)}.footer-secret{color:var(--pink);background:0 0;border:0;padding:8px;font-size:.72rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080509ef;place-items:center;padding:20px;animation:.25s fadeIn;display:grid;position:fixed;inset:0}.letter-modal{text-align:center;background:linear-gradient(150deg,#271a25,#171117);border:1px solid #f0a7c447;border-radius:22px;width:min(520px,100%);padding:44px 34px 38px;position:relative;box-shadow:0 25px 100px #0008}.modal-close{color:#b7a8b2;background:0 0;border:0;font-size:1.7rem;position:absolute;top:12px;right:17px}.modal-heart{font-size:2.3rem}.letter-modal h2{font:400 2.6rem var(--serif);margin:12px 0 22px}.letter-modal>p:not(.eyebrow){color:#d5c4d0;font-size:.9rem;line-height:1.85}.letter-modal .button{margin-top:15px}.gate{background:radial-gradient(at 50% -10%,#542a43,#0000 60%),#100b10;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.gate-glow{filter:blur(60px);background:#d86b9110;border-radius:50%;width:450px;height:450px;animation:8s infinite drift;position:absolute}.gate-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a131bd9;border:1px solid #f0a7c42b;border-radius:23px;width:min(460px,100%);padding:clamp(28px,6vw,50px);position:relative;box-shadow:0 30px 100px #0004}.gate-icon{margin-bottom:14px;font-size:2.7rem}.gate-card h1{font:400 clamp(2.2rem,7vw,3.2rem) var(--serif);margin:17px 0}.gate-card .muted{color:var(--muted);font-size:.88rem;line-height:1.7}.password-form{gap:12px;margin-top:28px;display:grid}.password-form input{color:#fff;background:#100b10;border:1px solid #ffffff24;border-radius:11px;outline:none;width:100%;padding:14px 16px}.password-form input:focus{border-color:#f0a7c4a0;box-shadow:0 0 0 3px #f0a7c415}.password-form .button{width:100%;padding:14px}.error{color:#ffabc8;font-size:.8rem}.tiny-note{color:#8e7a88;letter-spacing:.06em;margin-top:25px;font-size:.68rem}.floating-heart{z-index:50;pointer-events:none;color:var(--pink);text-shadow:0 0 16px #d86b91aa;animation:linear forwards rise;position:fixed;bottom:-35px}@keyframes rise{to{opacity:0;transform:translateY(-115vh)rotate(40deg)}}@keyframes drift{50%{transform:translate(20px,-18px)scale(1.08)}}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 2px var(--pink)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.page-width{width:90%}.topbar{height:72px}.topbar-right>span{display:none}.topbar-right{gap:8px}.hero{min-height:calc(90svh - 72px)}.hero h1{font-size:clamp(3.7rem,14vw,6rem)}.hero-stamp{width:70px;height:70px;bottom:5%;right:0}.hero-foot{margin-top:36px;font-size:.5rem}.section{padding-top:60px;padding-bottom:45px}.memory-grid{grid-template-columns:1fr}.memory-art,.memory-card img{height:260px}.counter-panel{grid-template-columns:1fr;gap:24px}.counter-date{font-size:.52rem}.letter-body{padding:28px 23px}.letter-top,.letter-bottom{padding:15px 17px;font-size:.5rem}.final-section{padding-bottom:70px}}@media (width<=400px){.wordmark{letter-spacing:.13em;font-size:.58rem}.music-button{padding:8px 10px}.music-button span{font-size:.68rem}.hero .button-row{flex-direction:column;align-items:stretch;width:min(290px,100%);margin:28px auto 0}.hero .button{width:100%}.hero-stamp{display:none}.counter-cell{padding:16px 12px}.counter-date{gap:8px}.letter-modal{padding:40px 22px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}