:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}#root{width:100%;min-height:100vh}.valentine-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#fff5f7,#ffe8ed,#ffd6e0);position:relative;overflow-x:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.floating-images{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.float-img{position:absolute;width:150px;height:150px;object-fit:cover;border-radius:20px;opacity:.45;box-shadow:0 8px 20px #ff4d7940;border:3px solid rgba(255,182,193,.5);animation:fly-around 30s ease-in-out infinite}.img-1{top:15%;left:10%;animation-delay:0s}.img-2{top:60%;right:8%;animation-delay:10s}@keyframes fly-around{0%,to{transform:translate(0)}50%{transform:translate(30px,-50px)}}@keyframes slideshow{0%{opacity:0}5%{opacity:1}45%{opacity:1}50%{opacity:0}to{opacity:0}}.drawing-flower{position:fixed;width:180px;height:180px;opacity:.6;z-index:1;pointer-events:none}.flower-left{bottom:15%;left:5%}.flower-right{top:20%;right:5%}.petal{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-petal 1.5s ease-out forwards}.petal-1{animation-delay:.2s}.petal-2{animation-delay:.4s}.petal-3{animation-delay:.6s}.petal-4{animation-delay:.8s}.petal-5{animation-delay:1s}@keyframes draw-petal{to{stroke-dashoffset:0}}.flower-center{opacity:0;animation:fade-in .5s ease-out 1.2s forwards}.stem,.leaf{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line 1s ease-out 1.4s forwards}.leaf-1{animation-delay:1.6s}.leaf-2{animation-delay:1.8s}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}.decorative-elements{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.deco-flower,.deco-butterfly,.deco-sparkle{position:absolute;opacity:.35;animation:float-gentle 12s ease-in-out infinite}.df-1{top:25%;left:15%;font-size:2.5rem;color:#ff9aa2;animation-delay:0s}.df-2{top:60%;right:12%;font-size:3rem;color:pink;animation-delay:4s}.ds-1{top:15%;left:25%;font-size:1.5rem;color:gold;animation-delay:1s}.ds-2{top:70%;right:25%;font-size:1.8rem;color:gold;animation-delay:5s}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-hearts{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1;will-change:transform}.heart{position:absolute;color:#ff69871f;animation:float 35s infinite ease-in-out;will-change:transform}.h1{left:10%;top:20%;font-size:2.2rem;animation-delay:0s}.h3{left:12%;top:65%;font-size:2.8rem;animation-delay:2.5s}.h5{left:50%;top:35%;font-size:2.3rem;animation-delay:3.5s}@keyframes float{0%,to{transform:translate(0) rotate(0);opacity:.12}50%{transform:translateY(-40px) rotate(180deg);opacity:.2}}.content-wrapper{position:relative;z-index:2;max-width:1000px;width:100%;margin:0 auto;padding:3rem 2rem}.valentine-header{text-align:center;margin-bottom:4rem;padding-top:1rem}.header-decoration{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.header-flower{color:#ff6b9d;animation:sway 3s ease-in-out infinite}.header-flower:first-child{animation-delay:0s}.header-flower:last-child{animation-delay:1.5s}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.main-icon{color:#ff4d79;animation:pulse 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(255,77,121,.25));will-change:transform}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.main-title{font-size:2.8rem;font-weight:700;color:#f36;margin:1.5rem 0 .8rem;text-shadow:0 2px 12px rgba(255,51,102,.15);line-height:1.3;letter-spacing:-.02em;max-width:800px;margin-left:auto;margin-right:auto}.subtitle{font-size:1.15rem;color:#f58;font-weight:600;letter-spacing:.08em;opacity:.95}.title-decoration{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.2rem}.title-heart{color:#ff6b9d;animation:bounce-soft 2s ease-in-out infinite}.title-heart:nth-child(1){animation-delay:0s}.title-heart:nth-child(2){animation-delay:.3s}.title-heart:nth-child(3){animation-delay:.6s}@keyframes bounce-soft{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}.love-story{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:4rem}.story-section{background:#ffffffed;border-radius:24px;padding:2.5rem 2.8rem;box-shadow:0 8px 24px #ff4d791f;border:1px solid rgba(255,182,193,.35);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.story-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d79,#ff6b9d,#ff4d79);transform:scaleX(0);transition:transform .35s ease}.story-section:hover:before{transform:scaleX(1)}.story-section:hover{transform:translateY(-6px);box-shadow:0 16px 40px #ff4d7938;border-color:#ff6b9d80}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;background:linear-gradient(135deg,#ff6b9d,#ff4d79);border-radius:50%;margin-bottom:1.5rem;box-shadow:0 6px 18px #ff4d7959}.section-icon svg{color:#fff}.story-section h2{font-size:1.5rem;font-weight:700;color:#f36;margin-bottom:1.3rem;letter-spacing:-.01em;line-height:1.3}.story-section p{font-size:1.04rem;line-height:1.85;color:#3a3a3a;letter-spacing:.01em;text-align:justify}.final-message{background:#fffffff2;border-radius:28px;padding:3.2rem;box-shadow:0 12px 36px #ff4d792e;border:2px solid rgba(255,107,157,.25);text-align:center;margin-bottom:2.5rem;position:relative;max-width:850px;margin-left:auto;margin-right:auto}.final-message p{font-size:1.1rem;line-height:1.9;color:#3a3a3a;margin-bottom:1.5rem;text-align:justify;max-width:700px;margin-left:auto;margin-right:auto}.big-question{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:2.5rem 0}.big-question svg{color:#ff4d79;animation:heartbeat 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(255,77,121,.3))}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}56%{transform:scale(1)}}.big-question h2{font-size:2.2rem;font-weight:800;color:#f36;margin:0;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(255,51,102,.15)}.final-line{font-size:1.12rem;margin-top:1.8rem}.final-line strong{color:#f36;font-weight:700}.yes-button{margin-top:2.5rem;display:inline-flex;align-items:center;gap:.9rem;padding:1.1rem 3.2rem;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff4d79,#ff6b9d);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 24px #ff4d7973;transition:all .3s cubic-bezier(.4,0,.2,1)}.yes-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 36px #ff4d7999}.yes-button:active{transform:translateY(-2px) scale(1.01)}.valentine-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 0 1rem;font-size:.95rem;color:#888}.footer-heart{color:#ff6b9d;animation:heartbeat 1.5s ease-in-out infinite}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;opacity:.9;animation:confetti-fall 4s linear forwards}@keyframes confetti-fall{0%{top:-10%;opacity:1}to{top:110%;opacity:0;transform:translate(100px) rotate(720deg)}}.music-player{position:fixed;bottom:30px;right:30px;background:#fffffff2;border-radius:50px;padding:.8rem 1.5rem;box-shadow:0 8px 24px #ff4d794d;border:2px solid rgba(255,107,157,.3);display:flex;align-items:center;gap:1rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.music-player:hover{box-shadow:0 12px 32px #ff4d7966;transform:translateY(-2px)}.play-button{background:linear-gradient(135deg,#ff4d79,#ff6b9d);border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff4d794d}.play-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #ff4d7980}.play-button svg{color:#fff}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-control svg{color:#ff4d79}.volume-slider{width:80px;height:5px;border-radius:5px;background:linear-gradient(to right,#ff6b9d 0%,#ff6b9d var(--value),#ddd var(--value),#ddd 100%);outline:none;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#ff4d79;cursor:pointer;box-shadow:0 2px 6px #ff4d7966;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f36}.volume-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#ff4d79;cursor:pointer;border:none;box-shadow:0 2px 6px #ff4d7966;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#f36}@media(max-width:768px){.content-wrapper{padding:2.5rem 1.5rem}.main-title{font-size:2rem;line-height:1.3}.subtitle{font-size:1rem}.love-story{gap:2rem}.story-section{padding:2rem 1.8rem}.story-section h2{font-size:1.3rem}.story-section p{font-size:1rem;line-height:1.8;text-align:left}.final-message{padding:2.5rem 2rem}.final-message p{font-size:1.05rem;text-align:left}.big-question h2{font-size:1.8rem}.big-question svg{width:40px;height:40px}.yes-button{padding:1rem 2.5rem;font-size:1.15rem}.music-player{bottom:20px;right:20px;padding:.7rem 1.2rem}.play-button{width:40px;height:40px}.volume-slider{width:60px}}@media(max-width:480px){.content-wrapper{padding:2rem 1rem}.main-title{font-size:1.7rem;line-height:1.35}.valentine-header{margin-bottom:3rem}.love-story{gap:1.5rem;margin-bottom:3rem}.story-section{padding:1.8rem 1.4rem}.story-section h2{font-size:1.2rem}.story-section p{font-size:.95rem;line-height:1.75}.section-icon{width:55px;height:55px}.section-icon svg{width:32px;height:32px}.final-message{padding:2rem 1.5rem}.final-message p{font-size:.98rem}.big-question h2{font-size:1.4rem}.big-question svg{width:35px;height:35px}.yes-button{padding:.9rem 2rem;font-size:1.05rem}.drawing-flower{width:120px;height:120px}.deco-flower,.deco-butterfly{display:none}.deco-sparkle{font-size:1.2rem}.float-img{width:100px;height:100px;opacity:.4}.img-3,.img-4{width:80px;height:80px}.music-player{bottom:15px;right:15px;padding:.6rem 1rem;gap:.7rem}.play-button{width:38px;height:38px}.play-button svg{width:20px;height:20px}.volume-control{gap:.3rem}.volume-control svg{width:18px;height:18px}.volume-slider{width:50px}}