.guestbook{padding-block:64px 80px}.guestbook-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:56px}.guestbook-heading h1{margin:0;font-size:clamp(44px,6vw,80px);letter-spacing:-.06em;font-weight:500}.guestbook-heading>span{color:var(--accent);font-size:60px}.guestbook-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:72px}.guestbook h2{font-size:19px;font-weight:500;margin:0 0 28px}.guestbook label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.guestbook input,.guestbook textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;padding:14px;line-height:1.7}.guestbook input{margin-bottom:24px}.guestbook textarea{resize:vertical;min-height:160px}.guestbook input:focus-visible,.guestbook textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.message-label{display:flex;justify-content:space-between;gap:12px}#message-count{font-size:11px;color:var(--muted)}#public-note{font-size:11px;color:var(--muted);line-height:1.7;margin:12px 0 22px}.guestbook button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 20px;font-size:12px}.guestbook .submit-entry{background:var(--accent);color:#171d30;border-color:var(--accent);width:100%;text-align:right}.guestbook button:disabled{opacity:.6;cursor:wait}#form-status,#list-status{font-size:12px;line-height:1.8;color:var(--muted)}#list-status:empty{display:none}.guestbook-entry{padding:24px 0;border-top:1px solid var(--line)}.guestbook-entry header{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.guestbook-entry h3{font-size:14px;font-weight:500;margin:0;overflow-wrap:anywhere}.guestbook-entry time{font-size:10px;color:var(--muted);flex-shrink:0}.guestbook-entry p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}.guestbook-entries{min-width:0}#load-more,#retry{margin-top:20px}nav [aria-current=page]{color:var(--accent)}
@media(max-width:700px){.guestbook{padding-block:38px 48px}.guestbook-heading{margin-bottom:36px}.guestbook-heading>span{font-size:40px}.guestbook-grid{grid-template-columns:minmax(0,1fr);gap:40px}.guestbook h2{margin-bottom:22px}}
.guestbook~footer{padding-top:0;border-top:0}