.guestbook{display:grid;gap:18px}.guestbook-form{display:grid;gap:10px;padding:18px;border:1px solid var(--line,#d9dfda);border-radius:12px;background:#fff}.guestbook-form label{font-weight:700;font-size:14px}.guestbook-form input,.guestbook-form textarea{width:100%;border:1px solid #cbd5d0;border-radius:8px;padding:10px 12px;font:inherit;color:#233044;background:#fff}.guestbook-form textarea{min-height:110px;resize:vertical}.guestbook-form input:focus,.guestbook-form textarea:focus{outline:2px solid #3f8a65;outline-offset:1px}.guestbook-form button,.guestbook-more,.guestbook-reply{font:inherit;border:1px solid #2e7957;border-radius:8px;background:#2e7957;color:#fff;padding:9px 15px;cursor:pointer;width:max-content}.guestbook-form button:disabled{opacity:.5;cursor:not-allowed}.guestbook-reply{padding:5px 9px;font-size:12px;background:#fff;color:#2e7957}.guestbook-more{background:#fff;color:#2e7957}.guestbook-list{display:grid;gap:12px}.guestbook-item{padding:15px;border:1px solid #dce5df;border-radius:12px;background:#fff;overflow-wrap:anywhere}.guestbook-item.reply{margin:10px 0 0 25px;border-left:3px solid #8fbc9f}.guestbook-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#65726c;font-size:12px}.guestbook-meta strong{color:#245c48;font-size:14px}.guestbook-body{white-space:pre-wrap;line-height:1.65;margin:8px 0}.guestbook-state{font-size:13px;color:#496553;margin:0}.guestbook-state.error{color:#a53838}.guestbook-reply-context{display:flex;align-items:center;gap:8px;color:#486553;font-size:13px}.guestbook-reply-context button{border:0;background:none;color:#a53838;cursor:pointer}.guestbook-empty{padding:22px;text-align:center;color:#65726c;background:#fff;border-radius:12px}@media(max-width:600px){.guestbook-form{padding:13px}.guestbook-item.reply{margin-left:12px}}