@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%;overflow:hidden;font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,#1a001f,#2b102b);color:#fcddec;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.messagepage-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;touch-action:manipulation}.form-wrapper{width:100%;max-width:650px;padding:2rem;background-color:#14141ed9;border-radius:2rem;box-shadow:0 12px 30px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box}.messagepage-heading{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#ff90d1;text-align:center;text-shadow:0 2px 6px rgba(255,144,209,.4)}.messagepage-paragraph{font-size:1.4rem;font-style:italic;margin-bottom:2rem;line-height:1.5;color:#f8c6dc;text-align:center;white-space:pre-line}.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 8px #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.2rem;margin-top:1rem;font-weight:600;color:#ff90d1}@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}}