.thought-form{background:var(--card-bg);padding:18px;border:2px solid var(--border);box-shadow:8px 8px 0 var(--shadow-color);margin-bottom:24px}.thought-form textarea{width:100%;max-width:100%;padding:12px;border:1px solid rgba(0,0,0,.3);font-family:inherit;font-size:15px;line-height:1.4;min-height:64px;max-height:160px;resize:vertical;background:var(--thought-bg);overflow:auto}.thought-form__label{display:block;margin-bottom:8px;font-weight:500;font-size:15px}.thought-form-inner{display:block}.form-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.char-count{font-size:13px;color:#333;margin:12px;padding-left:4px}.char-count--error{color:var(--error);font-weight:700}.send-button{border:none;padding:10px 16px;border-radius:26px;background:var(--button);cursor:pointer;font-weight:700}.send-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--error);font-size:13px;margin-top:8px;font-weight:500}.thought{background:var(--thought-bg);padding:18px;border:1px solid var(--border);box-shadow:8px 8px 0 var(--shadow-color);position:relative}.message{margin:0 0 10px;font-size:17px;font-weight:500;overflow-wrap:break-word;padding-right:50px}.meta{display:flex;justify-content:space-between;align-items:center;color:var(--meta);font-size:13px}.thought-time{font-size:13px;color:var(--meta)}.likes{margin-inline-end:auto;padding:10px}.like-button{border:none;border-radius:50%;padding:12px 10px 7px 12px;cursor:pointer;font-size:18px;transition:background-color .2s ease}.like-button:hover:not(:disabled){background-color:var(--button)}.like-button.liked,.like-button:disabled{background-color:var(--button);cursor:not-allowed}.edit-button,.delete-button{border:none;background-color:transparent;cursor:pointer;font-size:16px;transition:color .2s ease}.thought-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px;z-index:1}input{margin-bottom:8px;font-size:16px}.save-button,.cancel-button{border:none;padding:6px 12px;margin-right:5px;cursor:pointer;font-size:14px;border-radius:4px}.thought-list{margin-top:8px;display:flex;flex-direction:column;gap:18px}.empty-text{color:var(--meta);padding:10px}#root{max-width:1280px;margin:0 auto;padding:2rem}.auth-container{display:grid;grid-template-rows:1fr;justify-content:center;margin-bottom:2rem}.login-form,.signup-form{background:var(--card-bg);padding:18px;border:2px solid var(--border);box-shadow:8px 8px 0 var(--shadow-color);margin-bottom:24px}.login-form h2,.signup-form h2{margin:0;margin-bottom:1rem;font-size:1.5rem}.login-form button,.signup-form button{background:var(--button);align-self:flex-start;text-transform:uppercase}.logout-button{color:var(--text);background-color:var(--button);margin:0 0 1rem}.login-inputs{display:flex;gap:.5rem}.login-inputs label{display:flex;flex-direction:column;gap:.25rem}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.toggle-authform{cursor:pointer;font-size:.9rem;vertical-align:middle;margin-left:0}.toggle-authform:hover{text-decoration:underline;color:#185df1}.edit-button,.delete-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem}:root{--page-bg: #f7f7f7;--card-bg: #F2F0F0;--thought-bg: white;--border: #7B7B7B;--button: #FFADAD;--shadow-color: rgba(0, 0, 0, 1);--text: black;--error: #d93025;--meta: #666}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--page-bg);color:var(--text)}.app{max-width:500px;margin:28px auto;padding:12px}.thought-invite{text-align:center;margin:2rem auto 1.5rem;max-width:500px}.thought-invite h1{color:#fd9494;font-size:2.5rem;margin-bottom:.5rem}.thought-invite p{color:#555;font-size:.9rem;margin:0}.hearts{width:15px;height:15px}.loading,.error{text-align:center;padding:40px 20px;font-size:.9rem;color:var(--meta)}.error{color:var(--error)}
