@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#110c14;--panel:#18101b;--line:#3a2737;--muted:#a58f9f;--white:#fff7fb;--pink:#ff759f;--gold:#e8c37a;--blue:#75b7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,"Noto Serif SC",sans-serif}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 4%,#351a37 0,transparent 27%),radial-gradient(circle at 15% 30%,#241229 0,transparent 25%),#110c14}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.stars span{position:absolute;color:#fff;opacity:.3;font-size:8px;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{50%{opacity:.85;transform:scale(1.6)}}.nav{height:74px;border-bottom:1px solid #352432;display:flex;align-items:center;padding:0 5vw;position:relative;z-index:20;background:#110c14d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand{display:flex;gap:11px;align-items:center}.brandSeal{width:31px;height:31px;border:1px solid #dcbfce;display:grid;place-items:center;font:18px Georgia}.brand b,.brand small{display:block}.brand b{font:10px DM Mono;letter-spacing:.13em}.brand small{font:7px DM Mono;color:#806b7b;margin-top:3px}.navCenter{margin:auto;color:#8c7585;font:8px DM Mono;letter-spacing:.13em}.letterBtn{border:1px solid #634254;background:#1b101a;padding:11px 15px;font:9px DM Mono;display:flex;gap:8px;align-items:center;color:#f1dce6}.mailIcon{font-size:13px}.hero{min-height:780px;display:grid;grid-template-columns:48% 52%;position:relative;z-index:1;border-bottom:1px solid #352432}.heroCopy{padding:145px 7vw 80px 10vw;position:relative;z-index:4}.caseTag{display:flex;align-items:center;gap:12px;color:#7e6978;font:8px DM Mono;letter-spacing:.14em}.caseTag i{width:38px;height:1px;background:#5e3b50}.eyebrow{color:#b18fa3;font:11px DM Mono;letter-spacing:.06em;display:flex;gap:8px;align-items:center;margin:42px 0 0}.hero h1{font-family:"Noto Serif SC",serif;font-weight:600;font-size:clamp(60px,7.2vw,106px);line-height:.92;letter-spacing:-.08em;margin:20px 0 27px}.hero h1 em{font-style:normal;color:#ff92b4}.hero h1 strong{font-weight:700;color:#f3d9e3}.lead{font-size:13px;line-height:2;color:#a38e9e;max-width:460px}.start{margin-top:28px;border:1px solid #70485c;background:#261521;padding:14px 18px;display:flex;gap:18px;align-items:center;font:9px DM Mono;letter-spacing:.08em;transition:.25s}.start:hover{background:#ff759f;color:#160b11;border-color:#ff759f}.micro{margin-top:23px;color:#5f4b5a;font:7px DM Mono;letter-spacing:.12em}.heroArt{position:relative;min-height:780px;border-left:1px solid #352432;background:linear-gradient(145deg,#2a142d,#120d16 58%);overflow:hidden}.moon{position:absolute;width:330px;height:330px;border-radius:50%;right:9%;top:12%;background:linear-gradient(145deg,#fff7f1,#e7dbe0);box-shadow:0 0 110px #ffb5cb25}.moon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 25% 35%,#a08f99 0 4%,transparent 5%),radial-gradient(circle at 62% 52%,#ad9aa5 0 5%,transparent 6%),radial-gradient(circle at 40% 72%,#aa98a2 0 4%,transparent 5%);opacity:.16}.orbit{position:absolute;border:1px dashed #80546a;border-radius:50%;opacity:.55}.o1{width:580px;height:250px;right:-100px;top:25%;transform:rotate(-18deg)}.o2{width:430px;height:180px;right:50px;top:33%;transform:rotate(10deg)}.coupleArt{position:absolute;height:min(78%,650px);max-width:78%;width:auto;right:11%;bottom:0;object-fit:contain;filter:drop-shadow(0 18px 30px #0008)}.caseStamp{position:absolute;left:8%;bottom:11%;border:1px solid #9e506b;color:#ca718d;padding:11px 13px;transform:rotate(-9deg);font:12px DM Mono;letter-spacing:.12em;text-align:center}.caseStamp small{font-size:8px}.heroBubble{position:absolute;right:8%;top:43%;z-index:5;background:#fff9fb;color:#21121b;padding:16px 19px;width:190px;box-shadow:10px 10px #0004;transform:rotate(2deg)}.heroBubble:after{content:"";position:absolute;bottom:-15px;left:24px;border:15px solid transparent;border-top-color:#fff9fb;border-left:0}.heroBubble small{display:block;font:7px DM Mono;color:#997d8c;margin-bottom:8px}.heroBubble b{display:block;font-family:"Noto Serif SC";font-size:15px;line-height:1.5}.heroBubble button{border:0;background:none;padding:10px 0 0;color:#b34f71;font:8px DM Mono}.burst{position:absolute;right:40%;top:50%;color:#ff7da4;font-size:28px;animation:burst .9s ease-out forwards}@keyframes burst{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:translateY(-80px) scale(1.5)}}.interactive,.cases{padding:110px 5vw;position:relative;z-index:2;border-bottom:1px solid #352432}.interactive{background:linear-gradient(180deg,#130d16,#0e0a11)}.interactive{display:grid;grid-template-columns:24% 76%;column-gap:3vw}.sectionIntro>span,.giftIntro>span,.sceneCopy>span,.finalNo{font:8px DM Mono;letter-spacing:.13em;color:#765f70}.sectionIntro h2,.giftIntro h2,.sceneCopy h2{font-family:"Noto Serif SC";font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.08em;margin:17px 0 22px}.sectionIntro h2 i,.giftIntro h2 i,.sceneCopy h2 i{font-style:italic;color:#f18cae;font-weight:500}.sectionIntro p,.giftIntro p,.sceneCopy p{font-size:11px;line-height:1.9;color:#8f7a89}.characters{display:grid;grid-template-columns:1fr 100px 1fr;gap:20px;align-items:center}.charCard{background:#171019;border:1px solid #422b3b;text-align:left;padding:12px;position:relative;transition:.25s;overflow:hidden}.charCard:hover,.charCard.active{border-color:#bd6687;transform:translateY(-5px);box-shadow:0 20px 50px #0005}.charTop{display:flex;justify-content:space-between;font:7px DM Mono;color:#796574;letter-spacing:.1em}.charCard img{display:block;height:330px;max-width:100%;width:auto;margin:7px auto 0;object-fit:contain;filter:drop-shadow(0 15px 20px #0005)}.charName{padding:9px 7px 3px;border-top:1px solid #3a2737}.charName b,.charName small{display:block}.charName b{font:14px DM Mono;letter-spacing:.08em}.charName small{font-size:9px;color:#8b7482;margin-top:4px}.centerHeart{display:flex;flex-direction:column;align-items:center;gap:22px}.heartRing{width:64px;height:64px;border:1px solid #74465d;border-radius:50%;display:grid;place-items:center;color:#ff739d;background:#1b101a;box-shadow:0 0 40px #ff739d16}.loveMeter{width:85px;text-align:center}.loveMeter span{display:block;font:6px DM Mono;color:#766171;letter-spacing:.08em}.loveMeter b{font:16px DM Mono;display:block;margin:6px}.loveMeter>div{height:3px;background:#332331}.loveMeter i{display:block;height:100%;background:#ff759f;transition:.5s}.dialogue{grid-column:2;margin-top:28px;border:1px solid #422c3b;background:#171019}.dialogueHead,.dialogueMain{display:flex;justify-content:space-between;align-items:center}.dialogueHead{padding:11px 15px;border-bottom:1px solid #352432;font:7px DM Mono;color:#806c7a}.dialogueHead span{display:flex;gap:7px;align-items:center}.dialogueMain{padding:25px}.quoteMark{font:60px Georgia;color:#b95477;line-height:.5;margin-right:10px}.dialogueMain h3{font-family:"Noto Serif SC";font-weight:500;font-size:21px;margin:0}.dialogueMain p{font-size:9px;color:#7e6b79;margin:8px 0 0}.dialogueMain button{background:none;border:0;color:#c27692}.loveScene{display:grid;grid-template-columns:55% 45%;min-height:650px;border-bottom:1px solid #352432;position:relative;z-index:2}.sceneArt{position:relative;overflow:hidden;background:linear-gradient(#24152a,#100b13)}.sceneMoon{position:absolute;width:230px;height:230px;border-radius:50%;background:#f6e9eb;right:15%;top:14%;box-shadow:0 0 80px #f5cad840}.bridge{position:absolute;left:-5%;right:-5%;bottom:18%;height:110px;border-top:2px solid #614256;transform:perspective(200px) rotateX(8deg)}.bridge:after{content:"";position:absolute;left:0;right:0;top:35px;border-top:1px solid #4d3747;box-shadow:0 35px #4d3747}.personSil{position:absolute;bottom:18%;width:95px;height:170px;background:#120d14;border-radius:45% 45% 0 0}.personSil:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#120d14;top:-45px;left:18px}.leftSil{left:38%}.rightSil{left:53%;transform:scale(.9)}.redThread{position:absolute;left:42%;top:55%;width:110px;border-top:1px solid #d05a7c;transform:rotate(-12deg);box-shadow:0 0 12px #d05a7c}.sceneStars{position:absolute;left:10%;top:25%;font-size:13px;color:#e5c1d1;letter-spacing:20px}.sceneCopy{padding:12% 10%;align-self:center}.sceneCopy h2{font-size:clamp(48px,5vw,75px)}.dateCard{display:flex;align-items:center;gap:14px;border:1px solid #523444;padding:15px;margin-top:28px;background:#180f18;max-width:370px;color:#e7c17c}.dateCard div{display:flex;flex-direction:column}.dateCard small{font:7px DM Mono;color:#7d6977}.dateCard b{font:24px DM Mono;letter-spacing:.08em;margin:3px 0}.dateCard span{font-size:9px;color:#99828f}.dateCard>svg:last-child{margin-left:auto;color:#765e6e}.giftSection{min-height:620px;padding:110px 10%;display:grid;grid-template-columns:1fr 320px;align-items:center;gap:10%;position:relative;border-bottom:1px solid #352432}.giftBox{width:240px;height:240px;border:1px solid #684255;background:radial-gradient(circle,#432337,#170e18 70%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#f0b7ca;box-shadow:0 0 80px #ff739d12;transition:.4s}.giftBox:hover{transform:scale(1.05);box-shadow:0 0 100px #ff739d25}.giftBox span{font:8px DM Mono;letter-spacing:.1em}.giftGlow{position:absolute;width:180px;height:180px;border-radius:50%;background:#ff759f12;filter:blur(25px);pointer-events:none}.giftMessage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,90vw);background:#fff7fa;color:#24141d;padding:45px;box-shadow:0 30px 100px #0009;z-index:10}.giftMessage button{position:absolute;right:15px;top:15px;border:0;background:none;color:#5d4551}.giftMessage>svg{color:#c15376}.giftMessage small{display:block;font:7px DM Mono;color:#927685;margin-top:20px}.giftMessage h3{font-family:"Noto Serif SC";font-size:30px;margin:10px 0 15px}.giftMessage p{font-size:13px;line-height:2;color:#67515d}.giftMessage div:last-child{font:10px DM Mono;color:#a04f6d;margin-top:22px}.final{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;background:radial-gradient(circle,#2b1428,transparent 48%)}.final h2{font-family:"Noto Serif SC";font-size:clamp(55px,8vw,105px);line-height:.85;letter-spacing:-.08em;margin:25px 0}.final h2 i{color:#ff86aa;font-weight:500}.final p{color:#967f8e;line-height:2;font-size:12px}.final button{margin-top:24px;border:1px solid #70465b;background:#21111c;padding:14px 18px;font:8px DM Mono;display:flex;gap:9px;align-items:center}.final button:hover{background:#ff759f;color:#160b11}footer{border-top:1px solid #352432;padding:25px 5%;display:flex;justify-content:space-between;color:#6f5c69;font:7px DM Mono;letter-spacing:.1em;position:relative;z-index:2}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#07040acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.letter{position:relative;width:min(570px,94vw);background:#fff8fb;color:#24141d;padding:55px 55px 50px;box-shadow:0 30px 100px #000}.close{position:absolute;right:15px;top:15px;background:none;border:0;color:#634b57}.letterTop,.letterDate{font:7px DM Mono;color:#9a7b8b;letter-spacing:.1em}.letterDate{float:right}.letter h2{font-family:"Noto Serif SC";font-size:28px;margin:55px 0 20px}.letter p{font-family:"Noto Serif SC";font-size:15px;line-height:2.15}.signature{font:12px "Noto Serif SC";text-align:right;margin-top:30px;color:#9b526d}.signature b{display:block;margin-top:5px}@media (max-width:800px){.nav{height:62px;padding:0 20px}.navCenter{display:none}.letterBtn{margin-left:auto;padding:9px 11px}.hero{display:block;min-height:0}.heroCopy{padding:100px 20px 55px}.hero h1{font-size:19vw}.heroArt{height:600px;min-height:0;border-left:0;border-top:1px solid #352432}.moon{width:220px;height:220px;right:5%;top:12%}.coupleArt{height:82%;max-width:92%;right:4%}.heroBubble{top:31%;right:4%;width:170px}.caseStamp{left:5%;bottom:8%}.interactive{display:block;padding:80px 20px}.sectionIntro{margin-bottom:35px}.characters{grid-template-columns:1fr 55px 1fr;gap:7px}.charCard{padding:8px}.charCard img{height:240px}.charName b{font-size:11px}.charName small{font-size:8px}.heartRing{width:47px;height:47px}.loveMeter{width:55px}.loveMeter span{font-size:5px}.loveMeter b{font-size:12px}.dialogue{margin-top:22px}.dialogueMain{padding:20px}.dialogueMain h3{font-size:17px}.quoteMark{font-size:45px}.loveScene{display:block}.sceneArt{height:430px}.sceneCopy{padding:70px 20px}.sceneCopy h2{font-size:52px}.giftSection{display:block;padding:80px 20px;min-height:570px}.giftBox{margin:50px auto 0;width:210px;height:210px}.final{padding:50px 20px;min-height:500px}.final h2{font-size:18vw}.footer{display:block}footer{padding:22px 20px;gap:15px;flex-wrap:wrap}.letter{padding:45px 27px 35px}.letter p{font-size:14px}}