*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#c0152a;--pink-mid:#e03347;--pink-soft:#e8596a;--pink-light:#fac8cc;--pink-pale:#fff5f5;--dark:#3b0a10;--card:#ffffffb8;--shadow:0 8px 40px #a00f1e24;--font:"Nunito", sans-serif;--display:"Pacifico", cursive}html{scroll-behavior:smooth}body{font-family:var(--font);min-height:100vh;color:var(--dark);background:linear-gradient(145deg,#fff5f5 0%,#ffe0e3 30%,#fdf0e0 65%,#fff8f0 100%);overflow-x:hidden}.hearts-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.heart-float{opacity:0;animation:linear infinite floatUp;position:absolute;bottom:-50px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:.55}92%{opacity:.25}to{opacity:0;transform:translateY(-105vh)rotate(330deg)}}.music-player{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffffdb;border:1px solid #c0152a1f;border-radius:50px;align-items:center;gap:12px;min-width:230px;padding:8px 18px 8px 8px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 28px #c0152a2e}.music-player:hover{transform:translate(-50%)scale(1.03);box-shadow:0 6px 36px #c0152a42}.play-btn{background:var(--pink);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .15s;display:flex}.play-btn:hover{background:#8f0f1f;transform:scale(1.08)}.player-info{flex:1;overflow:hidden}.song-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.player-progress{background:var(--pink-light);border-radius:4px;height:2px;margin-top:4px;overflow:hidden}.player-progress-bar{background:var(--pink);border-radius:4px;height:100%;transition:width .6s linear}.player-heart{color:var(--pink-soft);font-size:1rem}.lock-screen{z-index:200;background:linear-gradient(145deg,#fff5f5 0%,#ffe0e3 40%,#fdf0e0 75%,#fff8f0 100%);justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lock-screen.unlocking{animation:.5s forwards unlockOut}@keyframes unlockOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.lock-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.lock-bow{font-size:3.5rem;animation:.7s cubic-bezier(.34,1.56,.64,1) bowBounce}@keyframes bowBounce{0%{transform:scale(0)rotate(-15deg)}to{transform:scale(1)rotate(0)}}.lock-title{font-family:var(--display);color:var(--pink);font-size:clamp(2.5rem,8vw,4rem);line-height:1}.lock-hint{color:var(--dark);opacity:.55;font-size:.9rem;font-weight:600}.lock-form{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #c0152a1a;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(92vw,340px);margin-top:8px;padding:24px 20px;display:flex}.lock-form.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.date-row{align-items:center;gap:8px;display:flex}.date-input{border:1.5px solid var(--pink-light);width:64px;font-family:var(--font);text-align:center;color:var(--dark);-moz-appearance:textfield;background:#fff;border-radius:12px;outline:none;padding:12px 6px;font-size:1.05rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.date-input::-webkit-inner-spin-button{-webkit-appearance:none}.date-input::-webkit-outer-spin-button{-webkit-appearance:none}.date-input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #c0152a1a}.date-input--year{width:86px}.date-sep{color:var(--pink-light);font-size:1.2rem;font-weight:900}.enter-btn{background:var(--pink);color:#fff;width:100%;font-family:var(--font);cursor:pointer;letter-spacing:.5px;border:none;border-radius:14px;padding:13px;font-size:.95rem;font-weight:800;transition:background .2s,transform .15s,box-shadow .2s}.enter-btn:hover{background:#8f0f1f;transform:translateY(-2px);box-shadow:0 6px 20px #c0152a4d}.enter-btn:active{transform:translateY(0)}.lock-hints{text-align:center;flex-direction:column;gap:8px;margin-top:4px;display:flex}.hint-item{color:var(--dark);opacity:0;letter-spacing:.2px;font-size:.8rem;font-weight:600;animation:.6s forwards hintFade}.hint-item:first-child{animation-delay:.1s}.hint-item:nth-child(2){animation-delay:.4s}.hint-item:nth-child(3){animation-delay:.7s}@keyframes hintFade{0%{opacity:0;transform:translateY(6px)}to{opacity:.45;transform:translateY(0)}}.hint-item:hover{cursor:default;transition:opacity .2s;opacity:.75!important}.page{z-index:1;padding-bottom:100px;position:relative}.section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.section--center{text-align:center;gap:40px}.section--footer{text-align:center;gap:12px;min-height:40vh;padding:60px 24px 120px}.section--hero{text-align:center;gap:20px}.hero-hey{font-family:var(--font);color:var(--dark);opacity:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;animation:.8s .15s forwards slideUp}.hero-name{font-family:var(--display);color:var(--pink);opacity:0;font-size:clamp(4rem,13vw,7rem);line-height:1;animation:.8s .3s forwards slideUp}.hero-sub{color:var(--dark);opacity:0;max-width:440px;font-size:clamp(.95rem,2.5vw,1.2rem);line-height:1.7;animation:.8s .5s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.section-tag{color:var(--pink-soft);letter-spacing:2.5px;text-transform:uppercase;font-size:.82rem;font-weight:700}.section-title{font-family:var(--font);color:var(--dark);margin-bottom:8px;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;line-height:1.2}.countdown-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.count-box{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);text-align:center;border:1px solid #c0152a14;border-radius:20px;min-width:90px;padding:22px 26px;transition:transform .25s}.count-box:hover{transform:translateY(-5px)}.count-num{font-family:var(--display);color:var(--pink);font-size:2.6rem;line-height:1;display:block}.count-label{color:var(--dark);opacity:.5;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.7rem;font-weight:700;display:block}.birthday-burst{text-align:center}.birthday-text{font-family:var(--display);color:var(--pink);font-size:clamp(1.5rem,4vw,2.4rem);animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.letter-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.letter-card{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #c0152a14;border-radius:28px;flex-direction:column;gap:16px;width:100%;max-width:640px;padding:44px 48px;display:flex}.letter-card p{color:var(--dark);text-align:center;font-size:clamp(.92rem,2vw,1.05rem);line-height:1.9}.letter-name{color:var(--pink);text-align:center;font-size:1.15rem;font-weight:900;display:block}.letter-sign{color:var(--dark);text-align:center;margin-top:4px;font-size:.9rem;font-style:italic;font-weight:800;display:block}.stack-scene{justify-content:center;align-items:center;width:100%;height:340px;margin-top:24px;display:flex;position:relative}.polaroid{width:200px;transform:rotate(var(--rot)) translate(calc((var(--i) - 2.5) * var(--step,30px)), var(--ty));cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;padding:12px 12px 40px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,z-index;position:absolute;box-shadow:0 6px 24px #0000001f,0 1px 4px #00000014}.polaroid:hover{transform:rotate(calc(var(--rot) * .5)) translate(calc((var(--i) - 2.5) * var(--step,30px)), calc(var(--ty) - 12px)) scale(1.04);box-shadow:0 16px 48px #c0152a38,0 4px 12px #0000001a}.polaroid--lifted{transform:rotate(0)translateY(-24px)scale(1.1)!important;box-shadow:0 24px 60px #c0152a4d,0 8px 20px #0000001f!important}.polaroid-photo{aspect-ratio:1;background:var(--pink-light);border-radius:2px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.polaroid-photo img{object-fit:cover;width:100%;height:100%}.polaroid-empty{width:100%;height:100%;color:var(--pink-soft);opacity:.5;justify-content:center;align-items:center;display:flex}.polaroid-label{text-align:center;margin-top:6px;font-size:1.1rem;line-height:1}@media (width<=600px){.stack-scene{height:280px}.polaroid{width:150px;padding:8px 8px 32px}}@media (width>=601px){.stack-scene{--step:60px;height:360px}}.deck{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.deck-stage{aspect-ratio:3/4;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:min(56vw,230px);margin-top:8px;position:relative}.deck-card{transform-origin:50% 120%;perspective:900px;cursor:grab;transition:transform .45s cubic-bezier(.34,1.3,.64,1),opacity .3s;position:absolute;inset:0}.deck-card.dragging{cursor:grabbing;transition:none}.deck-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.deck-face{backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 32px #a00f1e33}.deck-photo{background:#fff;padding:12px 12px 44px;transform:rotateY(0)}.deck-photo img,.deck-photo .polaroid-empty{object-fit:cover;background:var(--pink-light);border-radius:4px;width:100%;height:100%}.deck-words{background:var(--pink-pale);text-align:center;border:6px solid #fff;gap:14px;padding:22px;transform:rotateY(180deg)}.deck-words p{color:var(--pink);font-size:1.1rem;font-weight:800;line-height:1.6}.deck-words span{color:var(--dark);opacity:.6;font-size:.85rem;font-weight:700}.deck-inner.open{transform:rotateY(180deg)}.deck-dots{gap:8px;display:flex}.deck-dots button{background:var(--pink-light);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .2s,background .2s}.deck-dots button.on{background:var(--pink);transform:scale(1.5)}.quote-card{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);text-align:center;border:1px solid #c0152a14;border-radius:28px;width:100%;max-width:560px;padding:60px 48px;position:relative}.quote-open,.quote-close{color:var(--pink-light);font-family:Georgia,serif;font-size:5rem;line-height:.5;display:block}.quote-open{margin-bottom:16px}.quote-close{margin-top:16px}.quote-text{color:var(--pink);font-size:clamp(1.15rem,3vw,1.6rem);font-weight:800;line-height:1.6}.footer-hearts{letter-spacing:8px;color:var(--pink);font-size:1.4rem}.footer-sign{font-family:var(--display);color:var(--dark);font-size:clamp(1.1rem,3.5vw,1.6rem)}.footer-date{color:var(--pink-soft);font-size:.85rem;font-weight:600}.fade-up{opacity:0;flex-direction:column;align-items:center;gap:28px;width:100%;transition:opacity .7s,transform .7s;display:flex;transform:translateY(36px)}.fade-up.visible{opacity:1;transform:translateY(0)}.confetti-canvas{pointer-events:none;z-index:150;position:fixed;inset:0}@media (width<=480px){.letter-card{padding:28px 22px}.quote-card{padding:40px 24px}.section{padding:64px 16px}.music-player{min-width:200px;bottom:14px}.lock-form{padding:22px 16px}.date-input{width:56px}.date-input--year{width:76px}}.section--hero{overflow:hidden}.hero-stage{z-index:1;justify-content:center;align-items:flex-end;gap:clamp(2px,1.5vw,14px);display:flex;position:relative}.hero-left{flex-direction:column;align-items:center;display:flex;position:relative}.hero-tag{line-height:1.05;font-family:var(--display);color:#3b0a10;opacity:0;flex-direction:column;align-items:center;margin-bottom:-6px;font-size:clamp(1.5rem,7vw,3rem);animation:.8s .2s forwards tagIn;display:flex;position:relative;transform:rotate(-6deg)}.hero-tag span:nth-child(2){margin-left:.4em}@keyframes tagIn{0%{opacity:0;transform:rotate(-6deg)translateY(16px)}to{opacity:1;transform:rotate(-6deg)translateY(0)}}.tag-spark{background:#e8596a;border-radius:3px;height:3px;position:absolute}.ts-1{width:.6em;top:30%;left:-.5em;transform:rotate(-30deg)}.ts-2{width:.6em;top:-6%;right:-.2em;transform:rotate(-20deg)}.ts-3{width:.5em;top:36%;right:-.7em;transform:rotate(10deg)}.hero-name,.two-num{font-family:var(--display);font-size:clamp(4.6rem,22vw,9rem);line-height:1.05}.hero-name{color:#c0152a;text-shadow:0 3px #8f0f1f,0 10px 22px #8f0f1f40;background:linear-gradient(#e03347 0%,#c0152a 55%,#8f0f1f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 12px #8f0f1f40);opacity:0;-webkit-background-clip:text;background-clip:text;animation:.8s .35s forwards slideUp}.hero-swoosh{opacity:0;width:92%;height:14px;margin-top:-6px;animation:.8s .9s forwards slideUp}.hero-two{opacity:0;margin-bottom:.1em;animation:.9s cubic-bezier(.34,1.56,.64,1) .7s forwards twoIn;display:inline-block;position:relative}.two-num{font-family:var(--font);background:linear-gradient(160deg,#fac8cc 0%,#e8596a 60%,#e03347 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 10px #c0152a4d);-webkit-background-clip:text;background-clip:text;font-size:clamp(5.6rem,27vw,11rem);font-weight:900;display:block}.two-cherries{z-index:2;transform-origin:50% 100%;width:46%;animation:3.2s ease-in-out infinite cherrySwing;position:absolute;top:-8%;left:28%}@keyframes cherrySwing{0%,to{rotate:-4deg}50%{rotate:4deg}}@keyframes twoIn{0%{opacity:0;transform:scale(.4)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}.spark{background:#e8596a;border-radius:3px;height:3px;animation:2.6s ease-in-out 1.4s infinite sparkle;display:block;position:absolute}.spark-r{width:.3em;top:38%;right:-.2em;transform:rotate(-30deg);box-shadow:.1em .25em #e8596a}@keyframes sparkle{0%,to{opacity:.2}50%{opacity:1}}.hh{width:clamp(12px,3vw,20px);position:absolute}.hh-1{bottom:22%;left:-8%}.hh-2{top:30%;right:-2%}.hero-decor{pointer-events:none;z-index:0;position:absolute;inset:0}.d{opacity:0;animation:.8s forwards decIn,5s ease-in-out infinite bob;position:absolute}@keyframes decIn{to{opacity:1}}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}.d-cherry-tl{width:clamp(56px,13vw,100px);animation-delay:.3s,0s;top:4%;left:3%}.d-cherry-br{width:clamp(56px,13vw,100px);animation-delay:.5s,1s;bottom:6%;right:3%;transform:scaleX(-1)}.d-ribbon-tr{width:clamp(34px,7vw,60px);animation-delay:.4s,.4s;top:0;right:3%}.d-ribbon-bl{width:clamp(34px,7vw,60px);animation-delay:.6s,1.1s;bottom:4%;left:4%;rotate:80deg}.d-leaf-1{width:clamp(20px,4.5vw,38px);animation-delay:.4s,.5s;top:9%;right:17%;rotate:35deg}.d-leaf-2{width:clamp(18px,4vw,34px);animation-delay:.6s,1.2s;top:44%;left:4%;rotate:-70deg}.d-leaf-3{width:clamp(20px,4.5vw,38px);animation-delay:.7s,.2s;bottom:16%;left:26%;rotate:60deg}.d-leaf-4{width:clamp(18px,4vw,32px);animation-delay:.8s,1.6s;top:50%;right:4%;rotate:-50deg}.d-flower-1{width:clamp(22px,5vw,42px);animation-delay:.5s,.8s;top:14%;left:17%}.d-flower-2{width:clamp(18px,4vw,32px);animation-delay:.6s,.3s;top:18%;right:7%}.d-flower-3{width:clamp(20px,4.5vw,34px);animation-delay:.7s,1.4s;bottom:12%;left:14%}.d-flower-4{width:clamp(22px,5vw,38px);animation-delay:.9s,.6s;bottom:22%;right:14%}.deck{padding:12px 0 4px;overflow:hidden}@media (height<=700px){.deck-stage{width:min(52vw,200px)}}