#content{width:min(95%,1000px);margin-inline:auto;background-color:var(--background-color-primary)}#root{overflow:hidden;height:100lvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;gap:.5em;box-sizing:border-box;padding-block:2em}@media(max-width:768px){#root{height:initial}}#guestbook-create-modal{width:100%;margin-bottom:1.4em}#root #description{color:var(--font-color-secondary);padding-bottom:.8em}#guestbook-dialog{width:min(500px,95lvw);.content{padding:1em}.title{font-size:2em;margin-bottom:1em}& label{margin-bottom:.3em;color:var(--font-color-secondary)}& textarea,input{padding:.5em;margin-bottom:1.25em;background-color:var(--surface-color-active);border:1px solid var(--border-color);border-radius:5px}& textarea:focus,input:focus{outline:1px solid var(--accent-color-primary)}& textarea{padding:.5em;min-height:9em;height:fit-content}& form{display:block}.info-message{color:var(--font-color-secondary);margin-bottom:1.25em}.controls{display:flex;justify-content:space-between}}.content.cooldown{#guestbook-form{display:none}#guestbook-cooldown{display:initial}}#guestbook-cooldown{display:none;.meter-label{display:flex;justify-content:space-between;color:var(--font-color-primary);margin-bottom:10px;font-size:.9rem;font-weight:700}.meter-bar{background:var(--surface-color-active);height:12px;border-radius:10px;overflow:hidden}.meter-fill{background:var(--accent-color-primary);height:100%;border-radius:10px;box-shadow:0 0 10px var(--accent-color-primary);width:var(--meter-progress, 0%)}.cooldown-progress{margin-top:.2em;display:flex;#cooldown-remaining{margin-left:auto}}}