:root{--bg-color:#f3f0ff;--primary-purple:#6a4cff;--secondary-yellow:#ffd600;--accent-green:#a2ff00;--text-dark:#1a1a1a;--text-light:#fff;--card-bg:#fff;--border-radius:40px;--thick-border:2px solid #1a1a1a;color:var(--text-dark);background-color:var(--bg-color);margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4}body{margin:0;padding:0;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.step-wrapper{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}h1{color:var(--primary-purple);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:1}.text-gradient{background:linear-gradient(45deg, var(--primary-purple), #ff4c8b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.font-serif{text-transform:none;font-family:Playfair Display,serif;font-style:italic}.weight-black{font-weight:900}.weight-light{text-transform:none;font-style:italic;font-weight:300}.size-sm{vertical-align:middle;font-size:.4em}.size-lg{font-size:1.2em}.rotate-neg{display:inline-block;transform:rotate(-3deg)}.rotate-pos{display:inline-block;transform:rotate(3deg)}.highlight-yellow{background:var(--secondary-yellow);color:var(--text-dark);border-radius:8px;padding:0 10px}.highlight-green{background:var(--accent-green);color:var(--text-dark);border-radius:8px;padding:0 10px}.heading-container{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.staggered-heading{flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;max-width:900px;display:flex}p{color:var(--text-dark);max-width:800px;margin-bottom:2rem;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500}.nav-button{background:var(--secondary-yellow);border:var(--thick-border);color:var(--text-dark);cursor:pointer;text-transform:uppercase;border-radius:60px;padding:1.5rem 5rem;font-size:1.8rem;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px #000}.nav-button:hover{background:var(--accent-green);transform:translateY(-4px);box-shadow:0 12px #000}.nav-button:active{transform:translateY(2px);box-shadow:0 4px #000}.restart-button{background:var(--card-bg);border:var(--thick-border);color:var(--text-dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;box-shadow:0 6px #000}.restart-button:hover{transform:rotate(90deg)scale(1.1)}.letter-card{background:#fffdf9 radial-gradient(#e5e0d8 1px,#0000 1px) 0 0/20px 20px;border:1px solid #e0d8cc;border-radius:12px;width:90%;max-width:900px;padding:4rem;position:relative;box-shadow:0 10px 30px #0000000d,0 1px 3px #00000005}.letter-card:before{content:"";pointer-events:none;border:1px solid #f0ede8;border-radius:8px;position:absolute;inset:10px}.soft-highlight{background:linear-gradient(120deg,#ffd6004d 0% 100%) 0 88%/100% .4em no-repeat;padding:0 4px}.text-elegant{color:#333;letter-spacing:.01em;font-family:Playfair Display,serif;line-height:1.8}.signature{color:var(--primary-purple);margin-top:2rem;font-family:Playfair Display,serif;font-size:2.5rem;font-style:italic}.carousel-viewport{width:100vw;margin-top:2rem;padding:2rem 0;overflow:hidden}.carousel-track{gap:3rem;width:max-content;display:flex}.photo-card{background:var(--card-bg);border:var(--thick-border);border-radius:30px;flex-shrink:0;width:400px;padding:1.5rem;box-shadow:8px 8px #000}.photo-placeholder{aspect-ratio:1;background-color:var(--bg-color);color:#ccc;border:1px dashed #000;border-radius:20px;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.font-handwritten{font-family:Caveat,cursive;font-size:2.2rem;font-weight:500}.card-tilt-1{transform:rotate(1.5deg)}.card-tilt-2{transform:rotate(-1.5deg)}.card-tilt-3{transform:rotate(1deg)}.card-tilt-4{transform:rotate(-1deg)}.photo-caption{color:var(--primary-purple);margin-top:1rem;font-size:1.6rem;font-weight:700}.video-container{aspect-ratio:16/9;border:var(--thick-border);border-radius:var(--border-radius);width:90%;max-width:1100px;box-shadow:15px 15px 0 var(--secondary-yellow);background-color:#000;overflow:hidden}.balloon-container{pointer-events:none;z-index:5;opacity:.9;width:100%;height:100%;position:fixed;top:0;left:0}.balloon{border:2px solid #000;border-radius:50%;justify-content:center;width:80px;height:100px;display:flex;position:absolute;bottom:-200px}.balloon-string{background-color:#0003;width:2px;height:100px;position:absolute;bottom:-100px}.floating-heart{pointer-events:none;z-index:1000;font-size:50px;position:fixed}.fade-enter-active[data-v-81de708f],.fade-leave-active[data-v-81de708f]{transition:opacity .8s,transform .8s}.fade-enter-from[data-v-81de708f],.fade-leave-to[data-v-81de708f]{opacity:0;transform:translateY(20px)}