:root{color:#161616;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:34rem;margin:auto;padding:20px}h1{margin:0 0 4px;font-size:1.4rem}h2{margin:16px 0 4px;font-size:1rem}p{margin:8px 0;line-height:1.5}.muted{color:#666;font-size:.85rem}.counter{text-align:center;margin:20px 0}output{font-variant-numeric:tabular-nums;font-size:3rem;display:block}button{font:inherit;cursor:pointer;padding:6px 10px}button:disabled{cursor:default}.button{color:#161616;background:#eee;border:1px solid #aaa;border-radius:2px;padding:6px 10px;font-size:.85rem;text-decoration:none;display:inline-block}.button[aria-disabled=true]{color:#666;cursor:default}#signin-progress{flex-wrap:wrap;align-items:center;margin-top:8px;font-size:.85rem}button[hidden],[hidden]{display:none!important}.sign-in{margin:16px 0}label{font-size:.85rem;display:block}textarea{width:100%;font:inherit;resize:vertical;margin:6px 0;padding:8px;display:block}.actions{gap:8px;display:flex}#entries{max-height:175px;padding:0;list-style:none;overflow-y:auto}#entries li{border-bottom:1px solid #eee;gap:10px;padding:10px 0;font-size:.85rem;display:flex}#entries li img{border-radius:50%;flex-shrink:0}#entries li div{overflow-wrap:anywhere;min-width:0}#entries li p{white-space:pre-wrap;margin:4px 0 0}#tap{color:#161616;touch-action:manipulation;background:#eee;border:1px solid #aaa;border-radius:6px;width:100%;min-height:100px;margin:8px 0;font-size:1.3rem;display:block}#tap:active{background:#d8d8d8}#reset,#copy-link{padding:5px 10px}nav{flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}a{color:#2454a6}#status:empty{display:none}iframe{border:1px solid #aaa;width:100%;height:480px;display:block}@media (width<=360px){main{padding:12px}.counter{margin:12px 0}}body.guestbook{height:100%}html:has(body.guestbook){height:100%}.guestbook{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.guestbook main{flex-direction:column;gap:8px;height:100%;padding:12px;display:flex;overflow-y:auto}.guestbook main>:not(.recent){flex-shrink:0}.guestbook h1,.guestbook h2,.guestbook p,.guestbook .sign-in{margin:0}.recent{flex-direction:column;flex:auto;min-height:64px;display:flex;overflow:hidden}.book-heading{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.book-heading h2{font-size:.9rem}.book-heading #entry-count{font-size:.75rem}.guestbook #entries{overscroll-behavior-y:contain;flex:auto;min-height:0;max-height:none;margin:0}.guestbook #entries li{gap:8px;padding:6px 0}.guestbook #entries li p{margin-top:4px}.guestbook #signed-in,.guestbook #signature-controls{flex-direction:column;gap:6px;display:flex}.guestbook #who{overflow-wrap:anywhere;font-size:.85rem}.guestbook textarea{resize:none;height:56px;margin:0;font-size:16px}.guestbook .actions{flex-wrap:wrap}.guestbook button,.guestbook .button{color:#161616;background:#eee;border:1px solid #aaa;border-radius:4px;min-height:40px;padding:8px 10px;font-size:.85rem;line-height:20px}.guestbook #status{overflow-wrap:anywhere;max-height:54px;font-size:.8rem;line-height:18px;overflow-y:auto}.guestbook nav{gap:8px 12px;font-size:.8rem}.guestbook #copy-link{min-height:32px;font-size:inherit;padding:4px 8px}@media (height<=360px){.guestbook main{gap:6px;padding:10px}.guestbook h1{font-size:1.2rem}.guestbook .recent{min-height:54px}.guestbook #signed-in,.guestbook #signature-controls{gap:4px}.guestbook textarea{height:48px}.guestbook button,.guestbook .button{min-height:36px;padding:6px 8px}.guestbook #copy-link{min-height:28px;padding:3px 8px}}