@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,#1a001f,#2b102b);color:#fcddec;overflow:hidden}.messagepage-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;position:relative;overflow:hidden}.form-wrapper{width:100%;max-width:650px;padding:2rem;background-color:#1e1428e6;border-radius:2rem;box-shadow:0 12px 30px #ff69b44d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;border:1px solid rgba(255,105,180,.2)}.messagepage-heading{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#ff80c0;text-align:center;text-shadow:0 2px 10px rgba(255,105,180,.7)}.messagepage-paragraph{font-size:1.4rem;font-style:italic;margin-bottom:2rem;line-height:1.5;color:#ffc0e0;text-align:center;white-space:pre-line;text-shadow:0 0 6px rgba(255,105,180,.3)}.messagepage-input,.messagepage-textarea{width:100%;padding:1rem 1.2rem;border-radius:1.2rem;border:2px solid #ff80b3;background-color:#3a1a3a;font-size:1.1rem;margin-bottom:1rem;box-sizing:border-box;color:#fff;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.messagepage-input:focus,.messagepage-textarea:focus{border-color:#ffa6c9;box-shadow:0 0 10px #ffa6c9}.messagepage-textarea{height:130px;resize:none}.messagepage-button,.messagepage-submit{width:100%;padding:1rem;border-radius:9999px;border:none;background:linear-gradient(90deg,#ff69b4,#ff85c1);color:#fff;font-size:1.3rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #ff69b466;transition:transform .2s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.messagepage-button:disabled,.messagepage-submit:disabled{opacity:.6;cursor:not-allowed}.messagepage-button:not(:disabled):hover,.messagepage-submit:not(:disabled):hover{transform:scale(1.05);box-shadow:0 12px 30px #ff69b499}.audio-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.messagepage-audio{margin-top:1rem;width:100%;border-radius:1rem;box-shadow:0 6px 16px #d6336c26;outline:none;background:#2e1b2e}.messagepage-heart{position:fixed;top:48%;left:48%;transform:translate(-50%,-50%);font-size:6rem;z-index:999;pointer-events:none;color:#ff69b4;text-shadow:0 0 15px #ff69b4;-webkit-user-select:none;user-select:none}.timer{font-size:1rem;font-weight:700;color:pink;margin-bottom:1rem}.loading-message,.success-message{text-align:center;font-size:1.3rem;margin-top:1rem;font-weight:600;color:#ff90d1;text-shadow:0 0 8px #ff90d1}.petal{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#ff80c0,#ffb0e0);border-radius:50%;opacity:.6;animation:floatPetal linear infinite}@keyframes floatPetal{0%{transform:translateY(0) rotate(0);opacity:.6}50%{opacity:.9}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.form-wrapper{padding:2rem 1.2rem;border-radius:1.5rem}.messagepage-heading{font-size:2rem}.messagepage-button,.messagepage-submit,.messagepage-paragraph{font-size:1.1rem}.messagepage-input,.messagepage-textarea{font-size:1rem}}