:root{--bg: #f8e4ea;--bg-soft: #fbeef2;--card: rgba(255, 255, 255, .55);--line: rgba(43, 29, 34, .12);--ink: #2b1d22;--muted: #8a6f78;--rose: #d6336c;--rose-soft: #f2a7bf;--radius: 24px;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--bg-soft),var(--bg) 40%,var(--bg-soft));background-color:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0 0 .5em}button{font:inherit;cursor:pointer;color:inherit}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.68rem;font-weight:500;color:var(--muted);margin:0 0 .75rem}.btn{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:.75rem 1.5rem;font-weight:500;font-size:.9rem;transition:transform .15s,opacity .15s}.btn:hover:not(:disabled){transform:scale(1.03)}.btn:disabled{opacity:.3;cursor:default}.gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse at 50% 40%,#fdf3f6 0%,var(--bg) 75%);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .9s ease}.gate--leaving{opacity:0;pointer-events:none}.gate__heart-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.fill-heart{overflow:visible}.fill-heart.is-tapped{animation:beat .45s ease}.fill-heart__line{fill:none;stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.fill-heart__fill{fill:var(--rose)}.fill-heart__rect{transition:y .7s ease,height .7s ease}.gate__heart{width:min(52vw,220px)}.gate__hint{margin:2.5rem 0 1.25rem;font-size:.85rem;color:var(--muted);letter-spacing:.02em}.gate__dots{display:flex;justify-content:center;gap:.5rem}.gate__dots span{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .3s,transform .3s}.gate__dots span.is-on{background:var(--rose);transform:scale(1.3)}.gate__opened{text-align:center;animation:fade-up 1s ease both}.gate__opened h1{font-size:clamp(2rem,8vw,3.2rem);margin-bottom:.4rem}.gate__opened p{margin:0;color:var(--muted);font-size:.9rem}@keyframes beat{30%{transform:scale(1.12)}60%{transform:scale(.97)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cover{position:relative;height:100vh;height:100svh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--bg);color:#fff;text-align:center}.cover__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:sepia(.5) hue-rotate(-30deg) saturate(.95) brightness(1.06) contrast(.92)}.cover:before,.cover:after{content:"";position:absolute;inset:0}.cover:before{background:linear-gradient(160deg,#f8e4ea,#e48aa8);mix-blend-mode:color;opacity:.35}.cover:after{background:linear-gradient(180deg,rgba(248,228,234,.15) 0%,rgba(120,40,70,.15) 45%,rgba(120,40,70,.45) 72%,rgba(248,228,234,.6) 90%,var(--bg) 100%)}.cover__text{position:relative;z-index:1;padding:0 1.5rem 20vh;text-shadow:0 1px 3px rgba(60,20,35,.35),0 2px 24px rgba(60,20,35,.5)}.cover__to,.cover__from{margin:0;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:500}.cover h1{font-size:clamp(3.2rem,14vw,7rem);font-style:italic;font-weight:400;margin:.4rem 0 .6rem}.cover__scroll{position:absolute;z-index:1;bottom:2rem;font-size:1.1rem;color:var(--ink);opacity:.6;animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.section{max-width:720px;margin:0 auto;padding:5rem 1rem 3rem;text-align:center}.section h2{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:400;margin-bottom:1.75rem}.section__intro{color:var(--muted);margin:-.75rem auto 2rem;max-width:30rem;font-size:.92rem}.section>*{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.section.is-visible>*{opacity:1;transform:none}.songs{display:grid;gap:1rem;text-align:left}.song{display:grid;grid-template-columns:88px 1fr auto;gap:1rem;align-items:center;padding:.85rem;background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:0 12px 30px #d6336c14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .3s,transform .3s}.song.is-playing{box-shadow:0 16px 40px #d6336c2e}.song__cover{width:88px;height:88px;border-radius:16px;object-fit:cover;background:var(--rose-soft)}.song.is-playing .song__cover{animation:breathe 2.6s ease-in-out infinite}.song__body{min-width:0}.song h3{font-size:1.1rem;margin:.1rem 0 0}.song__label{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:var(--rose)}.song__artist{margin:0;font-size:.8rem;color:var(--muted)}.song__progress{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}.song__progress input{flex:1;min-width:0;appearance:none;height:3px;border-radius:2px;background:linear-gradient(to right,var(--rose) var(--pct),var(--line) var(--pct));cursor:pointer}.song__progress input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:var(--rose)}.song__progress input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--rose)}.song__play{width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:.9rem;transition:transform .15s,background .3s}.song__play:hover{transform:scale(1.06)}.song.is-playing .song__play{background:var(--rose)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.eq i{width:2px;height:30%;background:currentColor;border-radius:1px}.eq--on i{animation:eq .9s ease-in-out infinite}.eq--on i:nth-child(2){animation-delay:-.3s}.eq--on i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}@keyframes breathe{50%{transform:scale(1.04)}}.carousel{margin:0 -1rem}.carousel__track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 1rem;padding:.5rem 1rem 1rem;scrollbar-width:none}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 min(80%,420px);scroll-snap-align:start;aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;background:var(--rose-soft);box-shadow:0 14px 34px #2b1d2224}.carousel__slide img,.carousel__slide video{width:100%;height:100%;object-fit:cover;display:block}.carousel__slide video{background:#000}.carousel__nav{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.5rem}.carousel__nav>button{background:none;border:0;font-size:1.3rem;line-height:1;color:var(--muted);padding:.25rem .5rem}.carousel__nav>button:disabled{opacity:.25}.carousel__dots{display:flex;gap:.35rem;align-items:center}.carousel__dots button{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:#2b1d222e;transition:width .3s,background .3s}.carousel__dots button.is-active{width:22px;background:var(--rose)}.photo{width:100%;height:100%;object-fit:cover;display:block}.photo--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--muted);font-size:2rem;text-align:center;padding:1rem}.photo--placeholder small{font-size:.7rem;word-break:break-all}.quiz__progress{display:flex;justify-content:center;gap:.5rem;font-size:1.3rem;margin-bottom:1.5rem;color:#2b1d2226}.quiz__progress .is-on{color:var(--rose);animation:pop .4s ease}.quiz__grid{display:grid;gap:1rem;text-align:left}.quiz__card{background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);padding:1.5rem;box-shadow:0 12px 30px #d6336c0f}.quiz__card h3{font-size:1.25rem;font-weight:400}.quiz__card form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.quiz__number{margin:0 0 .25rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.quiz__input{flex:1;min-width:12rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.75rem 1.1rem;color:var(--ink);font:inherit;font-size:.95rem}.quiz__input:focus{outline:2px solid var(--rose-soft);outline-offset:1px}.quiz__options{display:flex;flex-wrap:wrap;gap:.5rem;flex-basis:100%}.quiz__options button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-size:.9rem}.quiz__options button.is-selected{border-color:var(--rose);color:var(--rose)}.quiz__wrong{flex-basis:100%;margin:0;color:var(--rose);font-size:.9rem;animation:shake .4s ease}.quiz__hint{display:block;color:var(--muted)}.reward{position:relative;text-align:center;background:#fff8fa;border:1.5px dashed rgba(43,29,34,.3);border-radius:18px;padding:1.25rem 1.5rem;box-shadow:0 14px 34px #d6336c1f;animation:pop .5s ease}.reward:before,.reward:after{content:"";position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--bg);border:1.5px dashed rgba(43,29,34,.3)}.reward:before{left:-9px}.reward:after{right:-9px}.reward__scissors{color:var(--rose)}.reward__label{margin:.25rem 0 .5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:var(--muted)}.reward h4{font-size:1.3rem;font-weight:500;margin:0 0 .25rem}.reward__desc{margin:0;color:var(--muted);font-size:.88rem}.reward__sign{margin:.75rem 0 0;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.reward--big{margin-top:1.5rem;padding:2rem 1.5rem}.reward--big h4{font-size:1.6rem}@keyframes pop{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.03)}to{transform:none;opacity:1}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.proposal{display:flex;flex-direction:column;align-items:center;padding-bottom:4rem}.proposal__frame{width:min(80%,360px);aspect-ratio:3 / 4;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff,var(--rose-soft));border:1.5px dashed rgba(43,29,34,.25);box-shadow:0 14px 34px #d6336c26;cursor:pointer;-webkit-user-select:none;user-select:none;scroll-margin-top:1.5rem;transition:aspect-ratio .6s ease,width .6s ease}.is-revealed .proposal__frame{width:100%;aspect-ratio:1064 / 604;border:0;background:#c8b46e;cursor:default;animation:pop .7s ease}.proposal__cover{width:100%;height:100%;object-fit:cover;display:block}.proposal__heart{width:62%}.proposal__hint{margin:1.5rem 0 1rem;font-size:.85rem;color:var(--muted)}.hidden-player{position:fixed;left:-10000px;top:0;width:200px;height:200px;opacity:0;pointer-events:none}.playbook{margin-top:1.25rem;padding:2rem 1.5rem;text-align:left;font-family:Times New Roman,Times,Georgia,serif;font-size:1.05rem;line-height:1.5;color:#1e1a12;background:radial-gradient(ellipse at 50% 35%,#f5e9a8,#e9d98c 55%,#d8c46c);border-radius:6px;box-shadow:0 14px 34px #78641e40;animation:fade-up 1s .3s ease both}.playbook section+section{margin-top:1.75rem}.playbook h3{font-family:inherit;font-weight:700;font-size:1.2rem;margin:0 0 .2rem}.playbook p{margin:0 0 .85rem}.playbook .playbook__subtitle{font-style:italic}.proposal__message{font-family:var(--serif);font-style:italic;font-size:clamp(2.4rem,10vw,3.6rem);margin:2.5rem 0 0}.locked{padding:2.25rem 1.25rem 2rem;border-radius:var(--radius);border:1px dashed rgba(214,51,108,.35);background:linear-gradient(160deg,#ffffffb3,#f2a7bf40);box-shadow:0 20px 50px -30px #7a264673}.locked__icon{display:inline-block;font-size:2.2rem;animation:locked-shake 4s ease-in-out infinite}@keyframes locked-shake{0%,86%,to{transform:rotate(0)}89%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}.locked__lead{margin:.75rem 0 1rem;color:var(--muted);font-size:.9rem}.countdown{display:flex;justify-content:center;gap:.5rem}.countdown__unit{min-width:4.1rem;padding:.7rem .4rem .55rem;border-radius:16px;background:#fff;border:1px solid var(--line)}.countdown__value{display:block;font-family:var(--serif);font-size:1.9rem;line-height:1;color:var(--rose);font-variant-numeric:tabular-nums}.countdown__label{display:block;margin-top:.35rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.locked__hint{margin:1.25rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.05rem}.pincode__boxes{position:relative;display:inline-flex;gap:.6rem;cursor:text}.pincode__boxes[data-wrong]{animation:pin-shake .45s ease}@keyframes pin-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pincode__input{position:absolute;inset:0;width:100%;opacity:0;font-size:16px;caret-color:transparent}.pincode__box{width:3.2rem;height:3.8rem;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:border-color .2s ease,box-shadow .2s ease}.pincode__box.is-filled:after{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--rose)}.pincode__input:focus~.pincode__box.is-current{border-color:var(--rose);box-shadow:0 0 0 3px #d6336c26}.pincode__msg{margin:1rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.05rem}.travel__tabs{display:inline-flex;gap:.25rem;padding:.3rem;margin-bottom:1rem;border-radius:999px;background:var(--card);border:1px solid var(--line);max-width:100%;overflow-x:auto}.travel__tabs button{border:0;background:none;padding:.45rem .95rem;border-radius:999px;font-size:.82rem;color:var(--muted);white-space:nowrap;transition:background .3s ease,color .3s ease}.travel__tabs button.is-active{background:var(--rose);color:#fff}.travel__map{position:relative;aspect-ratio:4 / 3.4;border-radius:var(--radius);overflow:hidden;background:#f3dbe2;border:1px solid var(--line);box-shadow:0 20px 50px -30px #7a264673}.travel__layer{position:absolute;inset:0;animation:travel-in .6s ease}@keyframes travel-in{0%{opacity:0;transform:scale(1.04)}}.travel__tiles{position:absolute;inset:0;filter:grayscale(1) brightness(1.06)}.travel__tint{position:absolute;inset:0;background:#f2a7bf;mix-blend-mode:multiply;opacity:.4}.travel__tiles img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none}.travel__credits{position:absolute;right:.6rem;bottom:.35rem;margin:0;font-size:.6rem;color:var(--muted)}.travel__credits a{color:inherit}.pin{position:absolute;width:0;height:0}.pin svg{position:absolute;width:26px;height:26px;left:-13px;top:-24px;filter:drop-shadow(0 3px 4px rgba(122,38,70,.35))}.pin path{fill:var(--rose);stroke:#fff;stroke-width:1.6}.pin path.heart--outline{fill:#ffffffd9;stroke:var(--rose);stroke-dasharray:2.6 2}.pin--next svg{animation:pin-beat 1.6s ease-in-out infinite;transform-origin:50% 90%}@keyframes pin-beat{50%{transform:scale(1.18)}}.pin__name{position:absolute;white-space:nowrap;font-family:var(--serif);font-size:.85rem;line-height:1.15;color:var(--ink);text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 12px #fff}.pin__name small{display:block;font-family:var(--sans);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}.pin--top .pin__name{bottom:28px;left:0;transform:translate(-50%);text-align:center}.pin--bottom .pin__name{top:6px;left:0;transform:translate(-50%);text-align:center}.pin--left .pin__name{right:16px;top:-20px;text-align:right}.pin--right .pin__name{left:16px;top:-20px}.travel__legend{margin-top:1.5rem}.travel__legend>p:first-child{font-family:var(--serif);font-style:italic;font-size:1.15rem;margin:0 0 .75rem}.travel__count{font-size:2rem;color:var(--rose);margin-right:.15em}.travel__legend ul{list-style:none;padding:0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:30rem}.travel__legend li{padding:.3rem .8rem;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.8rem}.travel__legend li:before{content:"♥ ";color:var(--rose)}.travel__next{margin:1.1rem 0 0;font-size:.9rem;color:var(--muted)}.travel__next strong{color:var(--rose);font-weight:500}.letter{position:relative;text-align:left;padding:2rem 1.75rem;border-radius:6px;background:repeating-linear-gradient(180deg,transparent 0 1.95rem,rgba(214,51,108,.1) 1.95rem 2rem),#fffaf6;box-shadow:0 25px 60px -35px #7a26468c,0 1px #2b1d220d;font-family:var(--serif);font-size:1.05rem;line-height:2rem}.letter:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:24px;transform:translate(-50%) rotate(-2deg);background:#f2a7bfa6}.letter p{margin:0;text-indent:1.5em}.letter .letter__greeting{font-style:italic;font-size:1.3rem;text-indent:0;margin-bottom:2rem}.letter .letter__sign{text-align:right;font-style:italic;text-indent:0;white-space:pre-line;margin-top:2rem}@media(max-width:520px){.song{grid-template-columns:64px 1fr auto;gap:.75rem}.song__cover{width:64px;height:64px;border-radius:12px}.song__play{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.section>*{opacity:1;transform:none}}