:root{--bg:#140b12;--card:#21131b;--line:#7e394d;--text:#fff5f7;--muted:#dac7cd;--pink:#ff5578;--pink2:#ff93aa;--shadow:0 22px 70px rgba(255,63,105,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#3a2024 0,#140b12 38%,#0b080d 100%);color:var(--text);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.bg-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 8%,rgba(255,121,140,.26),transparent 28%),radial-gradient(circle at 16% 84%,rgba(255,53,99,.22),transparent 30%);filter:blur(16px);z-index:-1}.app{width:min(100%,860px);margin:0 auto;padding:18px 16px 106px}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:"Marck Script",cursive;font-size:34px;color:#fff;text-decoration:none;letter-spacing:.5px}.logo span{color:var(--pink)}.menu-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);display:grid;place-content:center;gap:5px}.menu-btn span{display:block;width:20px;height:2px;background:#fff;border-radius:5px}.drawer{position:fixed;right:16px;top:76px;z-index:10;display:none;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(20,11,18,.92);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.drawer.open{display:flex}.drawer a{color:#fff;text-decoration:none;padding:11px 20px;border-radius:15px}.drawer a:hover{background:rgba(255,255,255,.08)}.card{border:1px solid rgba(255,116,143,.36);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:var(--shadow);overflow:hidden}.hero{position:relative;min-height:410px;margin-top:10px}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,10,16,.94),rgba(17,10,16,.48),rgba(17,10,16,.15)),url('assets/hero.svg') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,8,12,.55),transparent 55%)}.hero-content{position:relative;padding:40px 30px;max-width:520px}.eyebrow{color:#ffd3dc;margin:0 0 12px}.hero h1,.section h2,.map-card h2,.mini-card h2,.reasons h2,.letter h2{font-family:"Marck Script",cursive;font-weight:400;line-height:1.02;margin:0}.hero h1{font-family:Montserrat,sans-serif;font-size:44px;font-weight:500}.hero h1 span{display:block;font-family:"Marck Script",cursive;font-size:62px;color:var(--pink2);font-weight:400}.hero-text{font-size:18px;line-height:1.65;color:#fff;max-width:430px}.hero-text b{color:var(--pink2)}.timer{display:flex;align-items:center;gap:18px;margin-top:34px}.timer div{min-width:70px;text-align:center}.timer strong{display:block;color:var(--pink2);font-size:34px;line-height:1;font-weight:800}.timer small{text-transform:uppercase;font-weight:700;font-size:13px}.timer i{width:1px;height:48px;background:rgba(255,255,255,.25)}.section{padding:22px 0 8px}.section-head h2{font-size:42px}.section-head p{margin:8px 0 18px;color:var(--muted);font-size:17px;line-height:1.5}.gift-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;overflow-x:auto;padding-bottom:8px}.gift{min-width:120px;border:1px solid rgba(255,116,143,.38);border-radius:16px;background:linear-gradient(180deg,rgba(255,161,175,.27),rgba(255,76,116,.10));padding:18px 12px 14px;text-align:center;color:#fff;cursor:pointer;box-shadow:inset 0 0 30px rgba(255,255,255,.04)}.gift .box{font-size:54px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.gift b{display:block;margin-top:12px;color:#ffd4dc}.gift.locked{opacity:.68}.map-card{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:26px;margin-top:18px}.map-card h2,.mini-card h2,.letter h2{font-size:38px}.map-card p,.mini-card p,.reasons p,.letter p{color:var(--muted);line-height:1.55}.primary-btn{border:0;border-radius:14px;background:linear-gradient(180deg,var(--pink2),var(--pink));color:#fff;font-weight:800;font-size:16px;padding:16px 22px;box-shadow:0 12px 28px rgba(255,65,100,.33);cursor:pointer}.primary-btn:active{transform:translateY(1px)}.map-visual{min-height:210px;background:radial-gradient(circle at 70% 30%,rgba(255,90,120,.18),transparent 28%);border-radius:18px}.map-visual svg{width:100%;height:100%}.route{fill:none;stroke:#ffc2ce;stroke-width:4;stroke-dasharray:7 9;filter:url(#glow)}.dot{fill:#fff;stroke:var(--pink);stroke-width:5;filter:url(#glow)}svg text{fill:#fff;font-weight:800;font-size:18px}.plane{font-size:32px}.heart{fill:var(--pink2);font-size:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.mini-card{padding:26px;min-height:295px;position:relative}.polaroids{height:100px;position:relative;margin:12px 0}.polaroids span{position:absolute;width:86px;height:92px;border:7px solid #f2e4df;background:linear-gradient(135deg,#ffb167,#58303b);box-shadow:0 10px 18px #0006}.polaroids span:nth-child(1){left:58%;transform:rotate(12deg);opacity:.7}.polaroids span:nth-child(2){left:48%;top:12px;transform:rotate(-9deg);opacity:.85}.polaroids span:nth-child(3){left:40%;top:22px;transform:rotate(5deg)}.voice-box{display:flex;align-items:center;gap:14px;margin:22px 0;padding:15px;border-radius:14px;background:rgba(255,255,255,.07)}.voice-box button{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(180deg,var(--pink2),var(--pink));color:#fff;font-weight:900}.wave{display:flex;align-items:center;gap:4px;flex:1}.wave span{display:block;width:4px;border-radius:9px;background:#ff8fa4;height:22px}.wave span:nth-child(2n){height:34px}.wave span:nth-child(3n){height:17px}.voice-box em{font-style:normal;color:#fff}.reasons{display:grid;grid-template-columns:1fr 280px;gap:20px;padding:28px;margin-top:24px;align-items:center}.reasons h2{font-size:40px}.reasons h2 span{color:var(--pink2)}.reason-stack{height:245px;position:relative}.reason-card{position:absolute;inset:20px 12px 12px 12px;border-radius:18px;background:#ffd2dc;color:#3b2028;padding:28px 24px;box-shadow:0 20px 25px rgba(0,0,0,.25);transform:rotate(2deg)}.reason-card b{font-size:34px}.reason-card p{color:#3b2028;font-weight:700;font-size:18px}.reason-card.mid{background:#f2b8c5;transform:rotate(-8deg);inset:13px 25px 21px 0}.reason-card.back{background:#d8e0ed;transform:rotate(9deg);inset:0 0 35px 35px}.reason-card.top{z-index:3}.letter{padding:28px;margin-top:24px}.letter p{font-size:18px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:rgba(12,9,13,.86);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.bottom-nav a{color:#bfb5ba;text-decoration:none;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px}.bottom-nav span{font-size:24px}.bottom-nav a.active{color:var(--pink)}dialog{width:min(92vw,420px);border:1px solid rgba(255,116,143,.48);border-radius:22px;background:#21131b;color:#fff;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}dialog h3{font-family:"Marck Script",cursive;font-size:40px;margin:0 0 10px}.close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#fff;font-size:32px}.heart-fall{position:fixed;top:-20px;z-index:100;font-size:22px;animation:fall 3.2s linear forwards;pointer-events:none}@keyframes fall{to{transform:translateY(110vh) rotate(300deg);opacity:.1}}@media(max-width:720px){.app{padding:14px 12px 94px}.logo{font-size:31px}.hero{min-height:430px;border-radius:18px}.hero-photo{background:linear-gradient(180deg,rgba(17,10,16,.78),rgba(17,10,16,.5),rgba(17,10,16,.94)),url('assets/hero.svg') center/cover}.hero-content{padding:30px 22px}.hero h1{font-size:34px}.hero h1 span{font-size:56px}.hero-text{font-size:16px}.timer{gap:9px;justify-content:space-between}.timer div{min-width:50px}.timer strong{font-size:27px}.timer small{font-size:10px}.timer i{height:40px}.gift-row{display:flex;gap:12px;scroll-snap-type:x mandatory}.gift{scroll-snap-align:start}.map-card{grid-template-columns:1fr;padding:22px}.grid-2{grid-template-columns:1fr;gap:16px}.reasons{grid-template-columns:1fr;padding:22px}.reason-stack{height:250px}.section-head h2,.map-card h2,.mini-card h2,.letter h2,.reasons h2{font-size:34px}.bottom-nav{height:78px}.bottom-nav a{font-size:10px}.bottom-nav span{font-size:22px}}@media(max-width:380px){.timer strong{font-size:23px}.hero h1{font-size:30px}.hero h1 span{font-size:48px}.primary-btn{width:100%}}
.unlock-info{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 13px;border:1px solid rgba(255,116,143,.32);border-radius:999px;background:rgba(255,255,255,.06);color:#ffd4dc;font-weight:700;font-size:13px}.gift small{display:block;margin-top:6px;color:#f1c4ce;font-size:11px}.gift.opened{background:linear-gradient(180deg,rgba(255,221,228,.30),rgba(255,76,116,.14));border-color:rgba(255,194,207,.62)}.gift.locked{cursor:not-allowed;filter:grayscale(.15)}.gift.locked .box{filter:none;opacity:.72}.voice-box.playing .wave span{animation:wavePulse .82s ease-in-out infinite}.voice-box.playing .wave span:nth-child(2n){animation-delay:.08s}.voice-box.playing .wave span:nth-child(3n){animation-delay:.16s}@keyframes wavePulse{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1.28);opacity:1}}#voice p b{color:#ffd4dc;font-weight:800}audio{display:none}@media(max-width:720px){.gift-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.gift{min-width:0}.unlock-info{font-size:12px;line-height:1.35;border-radius:16px}}@media(max-width:380px){.gift-row{grid-template-columns:1fr 1fr}.gift{padding:14px 8px}.gift .box{font-size:44px}}

.song-card{background:linear-gradient(145deg,rgba(255,99,132,.12),rgba(255,255,255,.03))}.vinyl-player{display:flex;align-items:center;gap:16px;margin:18px 0 4px}.vinyl{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at center,#ffd8df 0 10px,#361c27 11px 22px,#111 23px 34px,#332 35px 38px,#111 39px 100%);box-shadow:0 16px 34px rgba(0,0,0,.38),0 0 28px rgba(255,85,120,.22);position:relative}.vinyl:after{content:'♪';position:absolute;inset:0;display:grid;place-items:center;color:#ff8fa4;font-weight:900}.vinyl.spin{animation:spinVinyl 3s linear infinite}.player-info b{display:block;font-size:16px}.player-info small{display:block;color:#f0c5cf;margin-top:5px}.promise-note{margin-top:18px;border:1px solid rgba(255,184,198,.34);background:rgba(255,255,255,.06);padding:18px;border-radius:18px;color:#ffe1e8;line-height:1.5;font-weight:700}.soft-blocks{margin-top:16px}.love-list{margin:14px 0 0;padding:0;list-style:none}.love-list li{margin:10px 0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,116,143,.20);color:#ffe6eb}.love-list li:before{content:'❤';color:var(--pink2);margin-right:9px}.zodiac-card{position:relative;overflow:hidden}.zodiac-glow{position:absolute;right:-18px;bottom:-12px;font-family:"Marck Script",cursive;font-size:86px;color:rgba(255,147,170,.20);transform:rotate(-10deg);text-shadow:0 0 30px rgba(255,85,120,.42)}.install-card{position:fixed;left:12px;right:12px;bottom:90px;z-index:40;display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:14px 44px 14px 15px;border:1px solid rgba(255,116,143,.44);border-radius:20px;background:rgba(30,17,25,.92);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.install-card[hidden]{display:none}.install-card b{display:block;color:#fff}.install-card p{margin:4px 0 0;color:#eac7cf;font-size:12px;line-height:1.35}.install-card button#installBtn{border:0;border-radius:13px;background:linear-gradient(180deg,var(--pink2),var(--pink));color:white;font-weight:800;padding:11px 14px;margin-left:auto}.install-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#fff;font-size:25px;line-height:1}@keyframes spinVinyl{to{transform:rotate(360deg)}}@media(max-width:720px){.install-card{bottom:88px}.vinyl{width:74px;height:74px}.zodiac-glow{font-size:72px}.soft-blocks{margin-top:16px}}