:root{--bg-color: #f2edf3;--card-bg: #ffffff;--accent-pink: #ffb3c1;--accent-pink-hover: #ffa2b4;--text-main: #222222;--text-muted: #919191}body{background-color:var(--bg-color);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="%23ffb3c1" stroke-width="1" stroke-opacity="0.25"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');background-repeat:repeat;color:var(--text-main);font-family:Segoe UI,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;display:flex;justify-content:center;padding:20px}.main-container{width:100%;max-width:600px;box-sizing:border-box}header{text-align:center;margin-bottom:40px;margin-top:20px}header h1{font-size:2.6rem;color:#d47a8c;margin-bottom:8px;font-weight:800;letter-spacing:-.5px;display:flex;justify-content:center;align-items:center;gap:12px}header h1 .header-heart{display:inline-block;animation:heartbeat 1.2s infinite ease-in-out;font-size:2.2rem}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}header p{color:var(--text-muted);margin:0;font-size:1.1rem;font-weight:400}.thought-form,.thought-card{background-color:var(--card-bg);padding:30px;border-radius:20px;margin-bottom:20px;box-shadow:0 8px 24px #0000000d;box-sizing:border-box;width:100%;border:6px solid rgba(255,179,193,.4)}.thought-form h3{margin-top:0;margin-bottom:15px;font-size:1.2rem;color:#333;font-weight:600}textarea{width:100%;height:90px;background-color:#fafafa;border:1px solid #e0e0e0;color:var(--text-main);padding:15px;box-sizing:border-box;resize:none;font-family:inherit;font-size:1rem;transition:border-color .2s ease}textarea:focus{outline:none;border-color:var(--accent-pink)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:15px}button[type=submit]{background-color:var(--accent-pink);color:#222;border:none;padding:12px 24px;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button[type=submit]:hover{background-color:var(--accent-pink-hover)}button[type=submit]:active{transform:scale(.98)}.character-count{font-size:.85rem;color:var(--text-muted)}.character-count.invalid{color:#e63946;font-weight:700}.error-text{color:#e63946;font-size:.9rem;margin:10px 0 0}.thought-message{font-size:1.1rem;line-height:1.5;margin-top:0;margin-bottom:25px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.thought-footer{display:flex;justify-content:space-between;box-sizing:border-box;align-items:center}.like-section{display:flex;align-items:center;gap:10px}.heart-button{background-color:#eaeaea;border:none;width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.2rem;transition:background-color .2s ease,transform .1s ease}.heart-button:hover{transform:scale(1.1)}.heart-button.has-hearts{background-color:var(--accent-pink)!important}.like-count{font-size:.95rem;color:#333;font-weight:500}.thought-time{font-size:.85rem;color:var(--text-muted);margin:0}.loading-spinner{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem}.app-footer{text-align:center;margin-top:50px;padding:20px 0;color:#333;font-weight:500;font-size:1rem}.footer-credits{font-size:.8rem;color:var(--text-muted);margin-top:5px;font-weight:400}@keyframes pulse{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.loading-spinner{text-align:center;padding:40px;color:var(--text-muted);font-size:1.2rem;font-weight:500;animation:pulse 1.5s infinite ease-in-out}@media (max-width: 480px){.main-container{padding:10px}.thought-form,.thought-card{padding:20px}.form-footer{flex-direction:column;align-items:stretch;text-align:center}}