:root{--bg-dark: #040406;--bg-space-dust: rgba(12, 12, 22, .95);--gold-warm: #f3e5c8;--gold-glow: rgba(243, 229, 200, .4);--daisy-white: #fafafc;--daisy-yellow: #fcd015;--daisy-yellow-glow: rgba(252, 208, 21, .3);--leaf-green: #7d9680;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Montserrat", sans-serif;--font-romantic: "Lora", Georgia, serif;--transition-smooth: all .8s cubic-bezier(.25, 1, .5, 1);--transition-fast: all .3s ease}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-sans);color:var(--daisy-white);user-select:none;-webkit-user-select:none}#universe-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}#interactive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:auto}.content-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2.5rem 1.5rem;pointer-events:none;opacity:0;visibility:hidden}.overlay-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#090916 0%,var(--bg-dark) 80%);z-index:10;display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem;transition:opacity 1.5s cubic-bezier(.25,1,.5,1),visibility 1.5s;animation:welcomeBgGlow 10s ease-in-out infinite alternate}.welcome-content{max-width:650px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:11}.welcome-content:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(450px,90vw);height:min(450px,90vw);background:radial-gradient(circle,rgba(243,229,200,.09) 0%,rgba(252,208,21,.03) 40%,transparent 70%);z-index:-1;animation:welcomeContentGlow 6s ease-in-out infinite alternate;pointer-events:none}@keyframes welcomeBgGlow{0%{background:radial-gradient(circle at 45% 45%,#0d0d22 0%,var(--bg-dark) 75%)}to{background:radial-gradient(circle at 55% 55%,#060614 0%,var(--bg-dark) 85%)}}@keyframes welcomeContentGlow{0%{opacity:.65;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.welcome-flower{width:80px;height:80px;margin-bottom:1rem;animation:pulse-flower 4s ease-in-out infinite}.daisy-icon{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.welcome-subtitle{font-family:var(--font-romantic);font-style:italic;font-size:clamp(1.1rem,3.2vw,1.6rem);color:var(--gold-warm);opacity:.85;letter-spacing:.05em}.welcome-title{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(1.4rem,4.2vw,2.2rem);line-height:1.5;color:var(--daisy-white);letter-spacing:.02em;margin-bottom:2.5rem}.btn-premium{background:#ffffff05;border:1px solid rgba(243,229,200,.35);color:var(--gold-warm);font-family:var(--font-sans);font-size:.78rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;padding:1.15rem 3.2rem;border-radius:50px;cursor:pointer;position:relative;transition:all .5s cubic-bezier(.25,1,.5,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 30px #0006}.btn-premium:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50px;border:1px solid rgba(243,229,200,.15);z-index:-1;transition:all .6s cubic-bezier(.25,1,.5,1);opacity:1}.btn-premium:hover{border-color:var(--gold-warm);background:#f3e5c814;box-shadow:0 0 25px #f3e5c840;transform:translateY(-2px);letter-spacing:.28em}.btn-premium:hover:before{top:-9px;left:-9px;right:-9px;bottom:-9px;opacity:0;border-color:var(--gold-warm)}.btn-premium:active{transform:translateY(1px)}.hero-section{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;z-index:5}.name-wrapper{margin-bottom:2rem;display:inline-block}.glow-text{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:clamp(3rem,9.5vw,6.8rem);letter-spacing:.04em;text-transform:none;color:var(--daisy-white);line-height:1;text-shadow:0 0 10px rgba(255,255,255,.15),0 0 20px var(--gold-glow),0 0 40px rgba(243,229,200,.2);margin-right:0;transform:translateZ(0)}.message-wrapper{max-width:600px;padding:0 1rem}.message-line{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.2rem,3.8vw,1.8rem);font-weight:300;line-height:1.6;color:var(--gold-warm);margin-bottom:.8rem;opacity:0;transform:translateY(15px)}.message-divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-warm),transparent);margin:1.8rem auto;opacity:0;transform:scaleX(0);position:relative}.message-divider:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gold-warm);font-size:.75rem;text-shadow:0 0 8px rgba(243,229,200,.85)}.message-subline{font-family:var(--font-sans);font-size:clamp(.7rem,2.2vw,.85rem);font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--daisy-white);opacity:0;transform:translateY(10px)}@keyframes pulse-flower{0%,to{transform:scale(1) rotate(0);opacity:.95}50%{transform:scale(1.08) rotate(10deg);opacity:.75;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}}.glow-text.shimmering .letter{animation:letterPulse 4s ease-in-out infinite alternate;will-change:transform,text-shadow}.glow-text.shimmering .letter:nth-child(1){animation-delay:.1s}.glow-text.shimmering .letter:nth-child(2){animation-delay:.2s}.glow-text.shimmering .letter:nth-child(3){animation-delay:.3s}.glow-text.shimmering .letter:nth-child(4){animation-delay:.4s}.glow-text.shimmering .letter:nth-child(5){animation-delay:.5s}.glow-text.shimmering .letter:nth-child(6){animation-delay:.6s}.glow-text.shimmering .letter:nth-child(7){animation-delay:.7s}.glow-text.shimmering .letter:nth-child(8){animation-delay:.8s}.glow-text.shimmering .letter:nth-child(9){animation-delay:.9s}@keyframes letterPulse{0%,to{text-shadow:0 0 10px rgba(255,255,255,.15),0 0 20px var(--gold-glow);transform:scale(1) translateZ(0)}50%{text-shadow:0 0 18px rgba(255,255,255,.35),0 0 35px var(--gold-glow),0 0 50px rgba(243,229,200,.25);transform:scale(1.02) translateZ(0)}}.ribbon-wrapper{position:relative;width:100%;height:80px;margin:2rem 0;display:flex;justify-content:center;align-items:center;overflow:visible}.ribbon-line{position:absolute;top:50%;transform:translateY(-50%);height:14px;background:linear-gradient(to bottom,#d32f2f,#b71c1c);border-top:1px solid #ffe552;border-bottom:1px solid #ffe552;box-shadow:0 4px 15px #0006;width:50%;transition:transform 1.2s cubic-bezier(.25,1,.5,1),opacity .8s;z-index:12}.ribbon-line.left{left:0;transform-origin:left center}.ribbon-line.right{right:0;transform-origin:right center}.ribbon-line.left.cut{transform:translateY(-50%) translate(-110%) rotate(-12deg);opacity:0}.ribbon-line.right.cut{transform:translateY(-50%) translate(110%) rotate(12deg);opacity:0}.scissors-btn{position:absolute;z-index:13;width:70px;height:70px;background:radial-gradient(circle,#ffe552,#c39c1b);border:2px solid #ffffff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 20px #fcd01580;transition:all .4s cubic-bezier(.25,1,.5,1);outline:none}.scissors-btn:hover{transform:scale(1.15) rotate(15deg);box-shadow:0 0 30px #fcd015cc}.scissors-btn:active{transform:scale(.95)}.scissors-icon{font-size:2.2rem;color:#222;display:inline-block;transform-origin:center;transition:transform .2s ease}.scissors-btn.cutting .scissors-icon{animation:snipAction .35s ease-out forwards}@keyframes snipAction{0%{transform:scale(1) rotate(0)}50%{transform:scale(.8) rotate(-25deg)}to{transform:scale(.3) rotate(10deg);opacity:0}}.scissors-btn.cutting{transform:scale(0);opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .5s}.ribbon-instruction{font-family:var(--font-romantic);font-style:italic;font-size:.95rem;color:var(--gold-warm);opacity:.8;margin-top:1rem;letter-spacing:.05em;animation:pulseInstruction 1.8s ease-in-out infinite alternate}@keyframes pulseInstruction{0%{opacity:.4}to{opacity:.95}}.story-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:transparent}.story-text-content{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.3rem,4vw,2.2rem);font-weight:300;color:var(--gold-warm);text-align:center;max-width:85%;line-height:1.7;text-shadow:0 0 10px rgba(243,229,200,.35),0 0 25px rgba(243,229,200,.15);opacity:0;transform:translateY(15px);will-change:transform,opacity}@media (max-width: 600px){.content-layer{padding:1.5rem 1rem}.hero-section{justify-content:center;padding-top:0}.name-wrapper{margin-bottom:1.5rem}.message-wrapper{margin-top:1rem}.message-line{font-size:1.15rem;line-height:1.5}.message-divider{margin:1rem auto}}@media (max-height: 500px) and (orientation: landscape){.hero-section{flex-direction:row;justify-content:space-around;align-items:center;padding-top:0}.name-wrapper{margin-bottom:0}.message-wrapper{text-align:left}.message-divider{margin:1rem 0}}.wish-trigger-btn{background:#ffffff05;border:1px solid rgba(243,229,200,.35);color:var(--gold-warm);font-family:var(--font-sans);font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 2.2rem;border-radius:50px;cursor:pointer;margin-top:1.8rem;display:inline-block;pointer-events:auto;box-shadow:0 4px 20px #0006;transition:all .4s cubic-bezier(.25,1,.5,1);opacity:0;transform:translateY(10px)}.wish-trigger-btn:hover{border-color:var(--daisy-yellow);background:#fcd0150f;color:var(--daisy-yellow);box-shadow:0 0 15px #fcd01540;transform:translateY(-2px)}.wish-trigger-btn:active{transform:translateY(1px)}.wish-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#040406d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.25,1,.5,1)}.wish-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.wish-modal-content{width:min(420px,90vw);background:#0c0c16d9;border:1px solid rgba(243,229,200,.2);border-radius:20px;padding:2.2rem 1.8rem;text-align:center;box-shadow:0 20px 50px #000000b3,0 0 40px #f3e5c80d;transform:scale(.9) translateY(30px);transition:all .5s cubic-bezier(.25,1,.5,1)}.wish-modal-overlay.active .wish-modal-content{transform:scale(1) translateY(0)}.wish-modal-title{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--gold-warm);font-size:1.45rem;margin-bottom:1.2rem;text-shadow:0 0 10px rgba(243,229,200,.35)}.wish-textarea{width:100%;height:105px;background:#ffffff08;border:1px solid rgba(243,229,200,.25);border-radius:10px;padding:.85rem;color:var(--daisy-white);font-family:var(--font-sans);font-size:.85rem;font-weight:300;line-height:1.5;outline:none;resize:none;margin-bottom:1.8rem;transition:all .3s ease}.wish-textarea:focus{border-color:var(--daisy-yellow);box-shadow:0 0 12px #fcd01533}.wish-textarea::placeholder{color:#fafafc59}.wish-modal-buttons{display:flex;gap:1.2rem;justify-content:center}.wish-btn{padding:.75rem 1.8rem;border-radius:50px;font-family:var(--font-sans);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);outline:none}.wish-btn.btn-close{background:transparent;border:1px solid rgba(250,250,252,.22);color:var(--daisy-white)}.wish-btn.btn-close:hover{background:#fafafc0f;border-color:var(--daisy-white)}.wish-btn.btn-send{background:radial-gradient(circle,#ffe552,#c39c1b);border:none;color:#111;box-shadow:0 0 15px #fcd0154d}.wish-btn.btn-send:hover{box-shadow:0 0 25px #fcd015a6;transform:translateY(-1px)}.wish-btn.btn-send:active{transform:translateY(1px)}.lock-container{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:2rem;width:100%}.lock-label{font-family:var(--font-sans);font-size:.8rem;font-weight:300;letter-spacing:.15em;color:var(--gold-warm);opacity:.8;text-transform:uppercase}.lock-input{background:#ffffff08;border:1px solid rgba(243,229,200,.25);color:var(--daisy-white);font-family:var(--font-sans);font-size:1.2rem;letter-spacing:.2em;text-align:center;padding:.8rem 1.5rem;border-radius:8px;width:200px;outline:none;transition:all .3s ease;box-shadow:inset 0 0 10px #00000080}.lock-input:focus{border-color:var(--daisy-yellow);box-shadow:0 0 15px #fcd01540,inset 0 0 5px #00000080}.lock-input::placeholder{color:#f3e5c84d;letter-spacing:.2em}.lock-error-msg{font-family:var(--font-romantic);font-style:italic;font-size:.9rem;color:#ff6b6b;opacity:0;transform:translateY(-5px);transition:all .3s ease;pointer-events:none;height:18px}.lock-error-msg.active{opacity:1;transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lock-input.shake{animation:shake .4s ease;border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b40}