/* Poolsuite's compact guestbook: white signing card and a separate scrolling feed. */
.guestbook-window{width:349px;height:550px;left:58%;top:8%;min-width:300px}
.guestbook-content{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px}
.guestbook-window .guestbook-compose{flex:none;padding:10px;background:#fff;border-bottom-width:2px;overflow:hidden}
.guestbook-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.guestbook-compose-heading label{font:16px/1 var(--ui)}
#guestbook-counter{color:#666;font:10px/1 var(--mono);letter-spacing:-1px;white-space:nowrap}
.guestbook-compose textarea,.guestbook-fields input{display:block;box-sizing:border-box;max-width:100%;margin:0;border:1px solid #000;border-radius:2px;background:#fff;color:#000;box-shadow:inset 0 1px 2px #0003;outline-offset:2px;font:16px/1.1 var(--ui)}
.guestbook-compose textarea:focus,.guestbook-fields input:focus{background:#f2f2f2}
.guestbook-compose textarea::placeholder,.guestbook-fields input::placeholder{color:#666;opacity:1}
#guestbook-message{width:100%;height:63px;min-height:63px;padding:7px;resize:none;overflow:auto}
.guestbook-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 45px;align-items:center;gap:7px;margin-top:8px}
.guestbook-fields input{width:100%;height:28px;min-width:0;padding:4px 6px}
.guestbook-twitter-field{position:relative;min-width:0}
.guestbook-twitter-field>span[aria-hidden]{position:absolute;left:7px;top:8px;z-index:1;font:11px/1 Arial,sans-serif}
.guestbook-twitter-field input{padding-left:22px}
.guestbook-post{height:28px;min-height:28px;padding:0 5px;font:16px/1 var(--dock-font);background:var(--mint,#afe5dd)}
.guestbook-post:hover{background:#c1eee8}
.guestbook-post:disabled{opacity:.5;cursor:default}
#guestbook-privacy{margin:8px 0 0;font:11px/1.2 var(--ui);color:#555}
.guestbook-form-status{margin:8px 0 0;font:14px/1.2 var(--ui);color:#8d2424}
.guestbook-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.guestbook-window .guestbook-feed{position:relative;padding:9px 10px;background:#fff;overscroll-behavior:contain}
.guestbook-entries{list-style:none;margin:0;padding:0}
.guestbook-entry{margin:0 0 13px;padding:0;overflow-wrap:anywhere}
.guestbook-entry:last-child{margin-bottom:0}
.guestbook-entry-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
.guestbook-entry-heading strong{font:bold 16px/1.15 var(--ui)}
.guestbook-entry-heading a,.guestbook-entry-heading time{font:10px/1.2 var(--mono);letter-spacing:-1px;color:#737373}
.guestbook-entry-heading a{text-decoration:none}
.guestbook-entry-heading a:hover{text-decoration:underline}
.guestbook-entry p{margin:4px 0 0;font:16px/1.15 var(--ui);white-space:pre-wrap;overflow-wrap:anywhere}
.guestbook-empty{display:flex;min-height:210px;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px 4px;color:#333}
.guestbook-empty img{image-rendering:pixelated;margin-bottom:12px}
.guestbook-empty h3{margin:0 0 10px;font:24px/1.1 var(--serif);font-weight:400;letter-spacing:-.5px}
.guestbook-empty p{max-width:245px;margin:0;font:15px/1.3 var(--ui)}
.guestbook-load-error{margin:30px 10px;text-align:center;font:16px/1.4 var(--ui)}
.guestbook-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;margin:16px auto 3px;padding:4px 10px;background:var(--button);font:16px/1 var(--dock-font)}
.guestbook-more span{font:16px/1 Arial,sans-serif}
.guestbook-window [hidden]{display:none!important}
.guestbook-footer{padding-right:18px;gap:6px}
.guestbook-footer>span{overflow:hidden;text-overflow:ellipsis}
#guestbook-refresh{display:grid;place-items:center;flex:none;width:19px;height:17px;margin:0;padding:0;border:0;background:none;color:#000;font:17px/1 Arial,sans-serif}
#guestbook-refresh:hover{background:#0001;border-radius:2px}
#guestbook-refresh:disabled{opacity:.4}
@media(max-width:700px){
 .guestbook-window{height:550px;min-width:0}
 .guestbook-compose-heading label{font-size:16px}
 .guestbook-compose textarea,.guestbook-fields input{font-size:16px}
 .guestbook-window .guestbook-feed{padding:9px 10px}
 .guestbook-entry p{font-size:16px;line-height:1.2}
 .guestbook-footer{min-height:22px;height:22px;padding-top:4px}
}
@media(max-height:580px){.guestbook-window{height:calc(100% - 20px)}.guestbook-empty{min-height:100px}.guestbook-empty img{display:none}}