.member-auth{padding:70px 0 110px}.member-form{max-width:620px;margin:auto}.member-form h1{font:700 50px Manrope;margin:5px 0}.conversation{max-width:900px;padding:65px 0 110px;border-top:1px solid var(--line)}.conversation>header{display:flex;align-items:center;justify-content:space-between}.conversation h2{font:700 44px Manrope;margin:5px 0 20px}.like-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:12px 17px;border-radius:24px;font-weight:700}.like-button.liked{background:#ffe7e7;color:#bd2f37;border-color:#f3b9bc}.member-session,.member-prompt{padding:14px 18px;background:#fff1c9;margin:16px 0;border-radius:8px}.member-prompt{display:flex;align-items:center;gap:10px}.member-prompt p{margin-right:auto}.comment-form,.reply-form{display:grid;gap:10px;margin:18px 0}.comment-form textarea,.reply-form textarea{width:100%;min-height:100px;padding:14px;border:1px solid var(--line);background:#fff}.comment-form button,.reply-form button{justify-self:start}.comment{padding:22px 0;border-top:1px solid var(--line)}.comment header{display:flex;align-items:center;gap:9px}.comment time{margin-left:auto;color:var(--muted);font-size:11px}.comment p{white-space:normal}.comment.reply{margin:18px 0 0 45px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}.comment details summary{cursor:pointer;color:#555;font-weight:700;font-size:12px}.empty-comments{text-align:center;color:var(--muted);padding:35px}@media(max-width:600px){.conversation>header,.member-prompt{align-items:flex-start;flex-direction:column}.comment.reply{margin-left:18px}.comment header{flex-wrap:wrap}.comment time{width:100%;margin:0}}
