@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,#ffe6f0,#f9f3f7);color:#4b235f;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.messagepage-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,1rem) 1rem env(safe-area-inset-bottom,1rem);box-sizing:border-box;position:relative;z-index:1;overflow:hidden;touch-action:manipulation}.form-wrapper{width:100%;max-width:650px;padding:2.5rem 2rem;background-color:#ffffffd9;border-radius:2rem;box-shadow:0 12px 30px #ff69b440;-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:#d6336c;text-align:center;text-shadow:0 2px 6px rgba(214,51,108,.4)}.messagepage-paragraph{font-size:1.4rem;font-style:italic;margin-bottom:2rem;line-height:1.5;color:#6a3f6a;text-align:center}.messagepage-input,.messagepage-textarea{width:100%;padding:1rem 1.2rem;border-radius:1.2rem;border:2px solid #D6336C;background-color:#fff0f6;font-size:1.1rem;margin-bottom:1rem;box-sizing:border-box;color:#4b235f;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.messagepage-input:focus,.messagepage-textarea:focus{border-color:#a31b5d;box-shadow:0 0 8px #a31b5d}.messagepage-textarea{height:130px;resize:none}.messagepage-button{width:100%;padding:1rem;border-radius:9999px;border:none;background:linear-gradient(90deg,#d6336c,#ff69b4);color:#fff;font-size:1.3rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #d6336c66;transition:transform .2s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.messagepage-button:disabled{opacity:.6;cursor:not-allowed}.messagepage-button:not(:disabled):hover{transform:scale(1.05);box-shadow:0 12px 30px #d6336c99}.messagepage-record-btn,.messagepage-stop-btn,.messagepage-redo-btn{padding:.8rem 2rem;margin:.5rem .5rem 1rem 0;border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;color:#fff;display:inline-block;-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease}.messagepage-record-btn{background:linear-gradient(90deg,#d6336c,#ff69b4);box-shadow:0 6px 16px #d6336c66}.messagepage-stop-btn{background:linear-gradient(90deg,pink,#ff69b4);box-shadow:0 6px 16px #ff69b466}.messagepage-redo-btn{background:linear-gradient(90deg,#ff90b3,#ff62a6);box-shadow:0 6px 16px #ff789666}.messagepage-record-btn:hover,.messagepage-stop-btn:hover,.messagepage-redo-btn:hover{box-shadow:0 10px 25px #d6336c99}.messagepage-audio{margin-top:1rem;width:100%;border-radius:1rem;box-shadow:0 6px 16px #d6336c26;outline:none}.messagepage-heart{position:fixed;top:50%;left:50%;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:#d6336c;margin-bottom:1rem}.loading-message,.success-message{text-align:center;font-size:1.2rem;margin-top:1rem;font-weight:600;color:#d6336c}@media (max-width: 768px){.form-wrapper{padding:2rem 1.2rem;border-radius:1.5rem}.messagepage-heading{font-size:2rem}.messagepage-button,.messagepage-paragraph{font-size:1.1rem}.messagepage-input,.messagepage-textarea{font-size:1rem}}@media (prefers-color-scheme: dark){html,body,#root{background:radial-gradient(circle at top left,#1a001f,#2b102b);color:#fcddec}.form-wrapper{background-color:#14141ed9;box-shadow:0 12px 30px #ffffff1a}.messagepage-input,.messagepage-textarea{background-color:#3a1a3a;border-color:#ff80b3;color:#fff}.messagepage-input:focus,.messagepage-textarea:focus{border-color:#ffa6c9;box-shadow:0 0 8px #ffa6c9}.messagepage-heading{color:#ff90d1;text-shadow:0 2px 6px rgba(255,144,209,.4)}.messagepage-paragraph{color:#f8c6dc}.messagepage-audio{background:#2e1b2e}.timer{color:pink}}