:root{--bg:#160d27;--bg2:#211137;--pink:#ff9bcf;--pink2:#f7c5e0;--lav:#c9a8ff;--white:#fff8ff;--muted:#c2afcf;--line:rgba(255,255,255,.12);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(110px);opacity:.15;pointer-events:none;z-index:-1}.ambient-one{background:#d34d9d;top:10%;left:-250px}.ambient-two{background:#8455e8;right:-270px;top:55%}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{font-weight:700;letter-spacing:-.7px;color:var(--white);text-decoration:none;font-size:19px}.brand span:last-child{color:var(--pink)}.brand-mark{color:var(--lav);margin-right:8px}.music-btn{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--white);border-radius:30px;padding:10px 16px;font-size:12px;display:flex;gap:9px;align-items:center}.music-btn span:first-child{color:var(--pink);font-size:17px}.section{max-width:1100px;margin:auto;padding:110px 34px}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:65px;padding-bottom:115px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:3px;color:var(--pink);font-weight:700}.sparkle{font-size:17px;margin-right:7px}.hero h1{font:600 clamp(48px,6vw,76px)/1.12 var(--serif);letter-spacing:-2px;margin:24px 0}.hero h1 em,.message-card h2 em,.section-heading h2 em,.countdown-section h2 em,.wish-box h2 em,.final-section h2 em,.edit-modal h2 em{color:var(--pink);font-style:italic}.hero-sub{max-width:390px;color:var(--muted);line-height:1.9;font-size:14px}.primary-btn{border:0;background:linear-gradient(110deg,#f48fc3,#b68aff);color:#281436;border-radius:30px;padding:15px 24px;font-weight:700;font-size:12px;box-shadow:0 10px 35px #d86ca333;transition:.25s}.primary-btn:hover,.wish-btn:hover{transform:translateY(-3px);box-shadow:0 14px 38px #d86ca355}.primary-btn span{margin-left:17px;font-size:17px}.hero-note{font-size:11px;color:#a995b7;margin-top:24px}.tiny-heart{color:var(--pink);margin-right:8px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(232,174,255,.18);border-radius:50%;width:420px;height:420px}.orbit-b{width:350px;height:350px;border-style:dashed;opacity:.55}.photo-frame{position:relative;background:#fff7fb;padding:12px 12px 42px;box-shadow:0 30px 80px #08030f88;transform:rotate(4deg);z-index:1}.main-frame{width:260px}.photo-placeholder,.memory-placeholder{height:300px;background:linear-gradient(145deg,#f5b5d6,#8c65b7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.photo-placeholder span{font-size:65px}.photo-placeholder small,.memory-placeholder small{font:italic 13px var(--serif);margin-top:8px}.photo-placeholder img,.memory-placeholder img{width:100%;height:100%;object-fit:cover}.frame-caption{color:#76566f;text-align:center;font:italic 13px var(--serif);padding-top:12px}.floating-card{position:absolute;background:#fff9ff;color:#573b62;border-radius:12px;padding:13px 16px;box-shadow:0 12px 35px #08030f55;font-size:12px;z-index:2}.card-top{top:65px;right:0;transform:rotate(7deg);color:#d46da6}.card-top span{color:#614b69;margin-left:5px}.card-bottom{bottom:65px;left:0;transform:rotate(-6deg)}.mini-star{color:#bc7bdb}.deco-heart,.deco-star{position:absolute;color:var(--pink);font-size:30px}.heart-one{top:75px;left:55px}.heart-two{bottom:90px;right:30px;font-size:40px;color:var(--lav)}.star-one{right:50px;top:130px;color:#f9d4ec}.star-two{left:45px;bottom:145px;color:var(--lav)}.scroll-hint{position:absolute;bottom:38px;left:34px;color:#9d8aaa;text-decoration:none;font-size:9px;letter-spacing:2px}.scroll-hint span{color:var(--pink);margin-left:10px;font-size:15px}.message-section{padding-top:80px;padding-bottom:100px}.message-card{margin:30px auto 0;max-width:760px;padding:75px 9%;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:5px 70px 5px 70px;position:relative;overflow:hidden}.message-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.07);pointer-events:none}.message-decoration{font-size:30px;color:var(--pink);margin-bottom:16px}.script-line{font:italic 24px var(--serif);color:var(--pink2)}.message-card h2,.section-heading h2,.countdown-section h2,.wish-box h2{font:600 clamp(34px,4vw,49px)/1.2 var(--serif);margin:16px 0}.message-text{max-width:510px;margin:24px auto;color:var(--muted);font-size:13px;line-height:2}.signature{font:italic 15px var(--serif);color:#e7c9e4;margin-top:30px}.signature span{color:var(--pink)}.gallery-section{padding-top:80px;padding-bottom:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:18px 0 40px}.section-heading h2{margin:0}.section-heading p,.countdown-sub{color:var(--muted);font-size:13px}.gallery-count{font-size:11px;letter-spacing:2px;color:#b79bc8}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:24px;align-items:start}.memory{margin:0}.memory-tall{transform:translateY(0) rotate(-2deg)}.memory-offset{transform:translateY(65px) rotate(2deg)}.memory-small{transform:translateY(20px) rotate(-1deg)}.memory-placeholder{height:320px;background:linear-gradient(145deg,#e8a3ca,#8b65a9);position:relative;overflow:hidden}.placeholder-two{background:linear-gradient(145deg,#ad8bd8,#e8b2d4)}.placeholder-three{background:linear-gradient(145deg,#f2c4d9,#9e7fc5)}.memory-placeholder span{font-size:50px}.memory figcaption{font:italic 12px var(--serif);color:#cdb8d6;padding:15px 2px}.memory figcaption b{float:right;color:var(--pink);font:10px var(--sans)}.countdown-section{text-align:center;position:relative;max-width:none;background:linear-gradient(110deg,#241239,#301743,#211237);padding:100px 20px;overflow:hidden}.countdown-glow{position:absolute;width:350px;height:200px;background:#d55fa9;filter:blur(110px);opacity:.15;left:calc(50% - 175px);top:35%}.countdown-section>*:not(.countdown-glow){position:relative}.countdown-section h2{margin:18px 0 10px}.countdown{display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,35px);margin:42px 0 25px}.countdown div{display:flex;flex-direction:column;gap:8px;min-width:62px}.countdown strong{font:500 clamp(36px,6vw,58px) var(--serif);color:#ffe4f2}.countdown span{font-size:9px;letter-spacing:2px;color:#b99fc8}.countdown i{font-style:normal;color:#d98fc1;font-size:25px;margin-top:-15px}.countdown-foot{font:italic 13px var(--serif);color:#d5b8d5}.wish-section{padding-top:110px;padding-bottom:120px}.wish-box{text-align:center;max-width:650px;margin:25px auto 0;padding:55px 35px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:24px}.wish-icon{font-size:36px;color:var(--pink)}.wish-box h2{font-size:38px}.wish-box p{max-width:450px;margin:0 auto 27px;color:var(--muted);font-size:13px;line-height:1.9}.wish-btn{border:1px solid #e99bc9;background:transparent;color:#ffe5f4;border-radius:30px;padding:14px 20px;font-size:12px;transition:.25s}.wish-btn span{color:var(--pink);margin-left:10px}.wish-response{min-height:20px;margin-top:17px;color:var(--pink);font:italic 14px var(--serif)}.final-section{text-align:center;padding:105px 20px 100px;background:radial-gradient(ellipse at center,#482451 0%,#241333 48%,#160d27 78%)}.final-stars{color:#e7a8d0;letter-spacing:8px}.final-section .script-line{margin-top:35px}.final-section h2{font:600 clamp(43px,6vw,67px)/1.15 var(--serif);margin:20px 0}.final-note{color:var(--muted);font-size:13px;line-height:1.8}.final-heart{font-size:48px;color:var(--pink);margin:32px 0}.final-sign{font-size:9px;letter-spacing:4px;color:#d6b8d7}.final-sign b{color:var(--pink);margin-left:8px}footer{max-width:1100px;margin:auto;padding:25px 34px;display:flex;justify-content:space-between;color:#8f7c9d;font-size:10px;letter-spacing:.5px}footer b{color:var(--pink)}.edit-fab{position:fixed;bottom:20px;right:20px;z-index:5;border:1px solid #ffffff30;background:#fff8ff;color:#43264e;border-radius:30px;padding:12px 17px;box-shadow:0 8px 30px #08030f66;font-size:12px;font-weight:700}.edit-fab:first-letter{color:#ce6fae}.modal-backdrop{position:fixed;inset:0;background:#090511c9;backdrop-filter:blur(8px);z-index:10;display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.edit-modal{background:#241533;border:1px solid #ffffff24;border-radius:22px;padding:30px;width:min(100%,520px);max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 100px #0009}.modal-close{position:absolute;right:20px;top:14px;border:0;background:none;color:white;font-size:28px}.edit-modal h2{font:600 30px var(--serif);margin:12px 0}.edit-intro,.local-note{font-size:12px;line-height:1.7;color:var(--muted)}#personalForm{display:grid;gap:13px;margin-top:20px}#personalForm label{font-size:11px;color:#e9d8ed;display:grid;gap:7px}#personalForm input,#personalForm textarea{width:100%;border:1px solid #ffffff24;background:#170f22;color:white;border-radius:10px;padding:12px;font-size:12px;outline:none}#personalForm input:focus,#personalForm textarea:focus{border-color:#d98fc1}#personalForm input[type=file]{font-size:11px}.modal-actions{display:flex;gap:12px;align-items:center;margin-top:5px}.reset-btn{background:transparent;border:1px solid #ffffff35;color:#e8d8ec;border-radius:25px;padding:13px 18px;font-size:12px}.local-note{font-size:10px;margin-top:18px;color:#ad9ab7}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.brand{font-size:17px}.music-btn{padding:9px 12px}.music-btn #musicLabel{display:none}.section{padding:80px 22px}.hero{display:flex;flex-direction:column;align-items:flex-start;min-height:auto;padding-top:65px;padding-bottom:105px}.hero h1{font-size:54px;margin:18px 0}.hero-sub{font-size:13px}.hero-art{width:100%;height:410px;margin-top:30px}.orbit{width:340px;height:340px}.orbit-b{width:285px;height:285px}.main-frame{width:220px}.photo-placeholder{height:255px}.card-top{right:2px;top:45px}.card-bottom{left:0;bottom:55px}.heart-one{left:10px;top:60px}.heart-two{right:10px;bottom:70px}.scroll-hint{left:22px;bottom:35px}.message-section{padding-top:65px}.message-card{padding:55px 8%;border-radius:5px 42px}.message-card h2{font-size:35px}.message-text{font-size:12px}.gallery-section{padding-top:65px}.section-heading{align-items:start;gap:12px}.section-heading h2{font-size:36px}.section-heading p{max-width:260px;line-height:1.7}.gallery-grid{grid-template-columns:1fr 1fr;gap:14px}.memory-placeholder{height:220px}.memory-tall{grid-row:span 2}.memory-tall .memory-placeholder{height:340px}.memory-offset{transform:translateY(25px) rotate(2deg)}.memory-small{transform:translateY(25px) rotate(-1deg)}.memory figcaption{font-size:10px}.countdown-section{padding:80px 15px}.countdown{gap:10px}.countdown div{min-width:48px}.countdown strong{font-size:35px}.countdown span{font-size:8px;letter-spacing:1px}.countdown i{font-size:18px}.wish-box{padding:45px 20px}.wish-box h2{font-size:32px}.final-section{padding:85px 20px}.final-section h2{font-size:47px}footer{padding:22px;gap:12px;flex-wrap:wrap;font-size:9px}.edit-fab{right:12px;bottom:12px;padding:11px 14px}.edit-modal{padding:25px 20px}}
@media(max-width:380px){.hero h1{font-size:47px}.hero-art{height:360px}.main-frame{width:195px}.photo-placeholder{height:225px}.orbit{width:290px;height:290px}.orbit-b{width:245px;height:245px}.gallery-grid{gap:10px}.memory-placeholder{height:190px}.memory-tall .memory-placeholder{height:300px}.countdown{gap:6px}.countdown div{min-width:42px}.countdown strong{font-size:30px}}

.confetti{position:fixed;top:-30px;z-index:20;color:#ffabd6;font-style:normal;font-size:20px;pointer-events:none;animation:fall 2s ease-in forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:0}}