@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500&display=swap";:root{--text-primary:#fdfbf7;--text-secondary:#fdfbf7bf;--bg-gradient:linear-gradient(135deg, #1c1936 0%, #312341 50%, #462b48 100%);--btn-bg:#ffffff14;--btn-hover:#ffffff26;--btn-border:#ffffff26;--accent-color:#d67395}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}#root{width:100%}.container{text-align:center;max-width:600px;margin:0 auto;padding:1.5rem}.message-wrapper{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;padding:3.5rem 2.5rem;box-shadow:0 30px 60px -15px #0000004d}.paragraph{color:var(--text-primary);letter-spacing:.01em;margin-bottom:2rem;font-size:1.15rem;font-weight:300;line-height:1.8}.main-text{opacity:.95;margin-bottom:3rem;font-family:Cormorant Garamond,serif;font-size:1.75rem;line-height:1.6}.interaction-area{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.like-btn{background:var(--btn-bg);color:var(--text-primary);border:1px solid var(--btn-border);cursor:pointer;letter-spacing:.02em;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:400;transition:all .3s;display:inline-flex}.like-btn:hover{background:var(--btn-hover)}.like-btn.liked{border-color:var(--accent-color);color:var(--accent-color);background:#d6739533}.like-btn.liked .heart-icon{color:var(--accent-color)}.message-input{border:1px solid var(--btn-border);width:100%;max-width:400px;color:var(--text-primary);resize:none;background:#0003;border-radius:16px;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s}.message-input::placeholder{color:var(--text-secondary);font-weight:300}.message-input:focus{border-color:var(--accent-color);background:#0000004d;outline:none}.submit-btn{background:var(--text-primary);color:#2b1f31;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.success-state{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.success-icon{width:48px;height:48px;color:var(--accent-color);animation:2s infinite pulse}.success-text{margin:0;font-family:Cormorant Garamond,serif;font-size:2rem}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.bg-shape{filter:blur(80px);z-index:-1;opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.shape-1{background:#d673954d;width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:#737fd64d;width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@media (width<=600px){.message-wrapper{padding:2.5rem 1.5rem}.main-text{font-size:1.4rem}}