.headerbar{grid-area:header;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--color-light)}.headerbar--floating{position:absolute;top:0;left:0;right:0;z-index:100;border-bottom:none}.headerbar-back{display:flex;align-items:center;font-size:1.4rem;line-height:1}.headerbar-back,.headerbar-title{color:var(--color-highlight);flex-shrink:0}.headerbar-title{font-weight:600}@media(max-width:768px){.headerbar-title{display:none}}.modaldialog{background:var(--color-dark);border:1px solid var(--color-highlight);padding:2rem;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.modaldialog-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:30;padding:1rem}