.love-gate{min-height:100svh;padding:25px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 0 0,#ecc9ca80,transparent 55%),radial-gradient(ellipse at 100% 100%,#e7c6c7,transparent 55%),#fbf5e9;position:relative}.gate-brand{font:30px var(--serif);margin-bottom:25px}.gate-brand span{font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-left:20px}.gate-card{position:relative;width:min(660px,100%);background:#fffdf3;padding:42px 55px 28px;text-align:center;border:2px solid #8d2d43;outline:1px solid #ad6274;outline-offset:-9px;border-radius:45% 45% 8px 8px / 7% 7% 8px 8px;box-shadow:0 20px 75px #71233b18}.gate-card:before,.gate-card:after{content:'♡ ︵ ♡ ︵ ♡';position:absolute;bottom:13px;left:30px;color:#a55167;letter-spacing:8px;font-size:18px;pointer-events:none}.gate-card:after{left:auto;right:30px}.gate-card .eyebrow{font-size:8px;margin:20px 0}.lock-heart{font:65px var(--serif);line-height:1;color:#8b243d}.gate-card h1{font:56px/1.05 var(--serif);margin:16px 0;letter-spacing:-1.5px}.gate-card>p:not(.eyebrow){font-size:12px;color:var(--muted)}#love-pin-form{max-width:330px;margin:22px auto 0}#love-pin-form label{display:block;font-size:12px;line-height:1.5;margin-bottom:16px}#love-pin{width:min(260px,100%);height:60px;border:1px solid #c28b99;border-radius:8px;background:#fcf5ee;display:block;text-align:center;margin:0 auto 22px;font-size:26px;letter-spacing:12px;color:var(--wine);padding:0 10px 0 22px;caret-color:var(--wine)}#love-pin:focus{outline:2px solid #ae7682;outline-offset:2px;box-shadow:0 0 0 5px #ae768212}#love-pin-form .button{width:100%;border-radius:30px;font-size:11px;gap:20px}#pin-hint{font-size:10px;color:#856772;margin-top:12px}.pin-status{font-size:12px;min-height:22px;margin-top:8px;color:#8a2443}.gate-hand{font:20px var(--hand);display:block;margin:4px 0 25px}.gate-bottom{font-size:8px;letter-spacing:2px;margin-top:28px;color:#8f6470}.gate-corner{position:absolute;bottom:60px;right:20px;font:85px var(--serif);color:#9b3a4e;transform:rotate(-25deg)}.satin-bow{position:absolute;left:-18px;top:8px;width:125px;height:130px;transform:rotate(-17deg);pointer-events:none}.satin-bow i,.satin-bow b{position:absolute;top:7px;left:3px;width:65px;height:42px;border-radius:70% 20% 45% 30%;transform:rotate(22deg);background:linear-gradient(150deg,#e07483,#8e102d 40%,#bd354a 60%,#510c22);box-shadow:inset 2px 2px 5px #ffd4c680,0 3px 8px #5a0a2420}.satin-bow b{left:58px;transform:rotate(155deg)}.satin-bow span{position:absolute;left:46px;top:28px;width:25px;height:70px;transform:rotate(15deg);background:linear-gradient(90deg,#680e29,#d3576c,#7e1530);clip-path:polygon(0 0,100% 0,90% 100%,50% 81%,0 100%)}#kiss-reaction{position:absolute;inset:25% 10%;padding:35px;background:#fff6efed;border:1px solid #d09ba7;border-radius:15px;box-shadow:0 15px 60px #8d294944;pointer-events:none;display:flex;flex-direction:column;justify-content:center}#kiss-reaction>span{font-size:75px;animation:kiss-pop .65s both}#kiss-reaction p{font:italic 26px/1.4 var(--serif);margin-top:15px}@keyframes kiss-pop{0%{transform:scale(.2) rotate(-20deg)}70%{transform:scale(1.2)}100%{transform:scale(1)}}.love-universe{min-height:100svh;background:#080512;color:#f6eaff;position:relative;isolation:isolate;overflow:hidden;padding:24px 5% 40px}#galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at 50% 52%,#4d235c45,transparent 55%),radial-gradient(ellipse at 25% 30%,#223b7520,transparent 50%)}.universe-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.universe-brand{font:32px var(--serif);color:#eac5e4}.universe-top>span{font-size:8px;letter-spacing:2px;color:#baabcb}.space-button{border:1px solid #bba0e84d;border-radius:25px;background:#21122f80;color:#ead9f9;padding:9px 18px;font-size:10px;backdrop-filter:blur(8px)}.space-button:hover{border-color:#d1a4ff;background:#57357860}.universe-heading{text-align:center;margin:45px 0 0;pointer-events:none}.universe-heading .eyebrow{font-size:8px;color:#cfb0dd;margin-bottom:15px}.universe-heading h2{font-size:clamp(44px,5vw,72px);color:#f7e9fa}.universe-heading em{color:#e2b3f0}.universe-heading>p:last-child{font-size:12px;color:#beafcf;margin-top:20px}.constellation{position:relative;height:440px;max-width:1050px;margin:0 auto}.galaxy-core{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:1px solid #ce9ae35c;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#be76d838,#7a339617,transparent);box-shadow:0 0 100px #cf8eff30,inset 0 0 35px #cc84f719;pointer-events:none}.galaxy-core:before,.galaxy-core:after{content:'';position:absolute;inset:-30px;border:1px solid #a689cf26;border-radius:50%;transform:rotate(-28deg) scaleX(1.8) scaleY(.55)}.galaxy-core:after{inset:-65px;transform:rotate(30deg) scaleX(1.7) scaleY(.55)}.galaxy-core span{font:italic 35px/1 var(--serif);text-align:center;color:#f4dcff}.galaxy-core i{font-size:25px}.memory-star{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:none;border:0;color:#f0ceff;display:flex;flex-direction:column;align-items:center;min-width:65px;min-height:60px;padding:5px;transition:filter .3s}.memory-star .star-glow{font-size:var(--size,32px);line-height:1.2;filter:drop-shadow(0 0 8px #cd94ff) drop-shadow(0 0 20px #a071ee);animation:star-breathe 3s ease-in-out infinite alternate;animation-delay:var(--delay,0s)}.memory-star:nth-child(3n){color:#b5e9ff}.memory-star:nth-child(3n+1){color:#ffc7e2}.memory-star small{font-size:9px;letter-spacing:1px;margin-top:7px;max-width:120px;text-shadow:0 2px 8px #090510}.memory-star:hover{filter:brightness(1.5)}.memory-star.visited small:after{content:' ✓';color:#e8c7ff}.universe-bottom{text-align:center}.universe-bottom>p{font-size:10px;letter-spacing:1px;color:#c5aed8;margin-bottom:15px}.universe-bottom>div{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.universe-bottom .button{border-radius:30px}.space-upload{display:block;margin:20px auto 0;font-size:11px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.universe-bottom #universe-save-status{font-size:10px;letter-spacing:0;margin:10px auto 0;max-width:500px}.galaxy-paused .star-glow{animation-play-state:paused}.memory-reveal{text-align:center}.memory-reveal img{width:100%;height:300px;object-fit:contain;background:#f1e6dc;border:8px solid #fffdf9;box-shadow:0 8px 25px #542f371c;margin:25px auto}.memory-reveal h2{font-size:43px}.memory-reveal>p:not(.eyebrow){margin:18px auto;max-width:480px}.memory-reveal .signature{font:26px var(--hand);color:#a05c72}.memory-actions{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:25px}.love-letter-frame{border:double 4px #a94964;padding:28px 20px;border-radius:8px;background:#fffcef;position:relative}.love-letter-frame:before{content:'♡ ︵ ♡ ︵ ♡';display:block;color:#a24f69;letter-spacing:8px;margin-bottom:20px}.love-letter-frame:after{content:'❦';font-size:35px;color:#a24f69}.star-burst{position:fixed;left:var(--bx);top:var(--by);font-size:var(--bs);color:var(--bc);pointer-events:none;z-index:100;animation:star-burst 1.3s ease-out forwards}.valentine-card{text-align:center}.valentine-card .valentine-art{font-size:70px;margin:20px}.valentine-card h2{font-size:45px}.valentine-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.valentine-card .button{border-radius:25px}.valentine-card p{margin-top:20px}.letter-body{border:double 4px #ae6071;padding:25px 18px;background:#fffcef}.letter-body .signature{margin-bottom:0}@keyframes star-breathe{to{transform:scale(1.2);opacity:.65}}@keyframes star-burst{to{transform:translate(var(--dx),var(--dy)) rotate(120deg) scale(.2);opacity:0}}@media(max-width:650px){.love-gate{padding:22px 15px}.gate-brand{font-size:26px}.gate-card{padding:40px 24px 25px}.gate-card h1{font-size:48px}.gate-card .eyebrow{font-size:6px;letter-spacing:1.3px}.satin-bow{transform:rotate(-17deg) scale(.72);left:-28px;top:0}.gate-corner{font-size:55px;right:10px;bottom:45px}.gate-hand{font-size:17px}.gate-card:before,.gate-card:after{font-size:13px;letter-spacing:5px}.gate-bottom{font-size:6px}.universe-top>span{display:none}.love-universe{padding:20px 5% 35px}.universe-heading{margin-top:40px}.universe-heading h2{font-size:43px}.universe-heading>p:last-child{font-size:10px}.constellation{height:420px;margin-top:15px}.galaxy-core{width:95px;height:95px}.galaxy-core span{font-size:27px}.galaxy-core i{font-size:20px}.galaxy-core:before{inset:-12px}.galaxy-core:after{inset:-25px}.memory-star small{font-size:8px;letter-spacing:0;max-width:78px}.memory-star .star-glow{font-size:29px}.memory-reveal img{height:240px}.memory-reveal h2{font-size:34px}.universe-bottom .space-button{font-size:9px}.love-letter-frame{padding:20px 12px}.valentine-card h2{font-size:35px}}
.photo-stars{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:1000px;margin:0 auto 30px}.photo-stars:empty{display:none}.photo-stars .memory-star{position:relative;left:auto;top:auto;transform:none;min-width:80px}.photo-stars .memory-star small{max-width:90px}