.header-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}
.header-actions a,.header-actions button,dialog button{font:14px Arial,sans-serif;color:#f1ddbc;border:1px solid #9a806199;background:#242527;padding:10px 14px;text-decoration:none;border-radius:3px;min-height:44px}
.header-actions a:hover,.header-actions button:hover,dialog button:hover{background:#3a3128}
.connection{color:#f1c892;text-align:center;font:15px/1.5 Arial,sans-serif;margin:4px 0 15px;min-height:22px}
dialog{max-width:min(520px,calc(100vw - 32px));padding:24px;background:#181a1d;color:#f0eadb;border:1px solid #a68a60;box-shadow:0 24px 80px #000b;line-height:1.6}
dialog::backdrop{background:#08090bdd}dialog h2{font-weight:normal;color:#ebd2a6}dialog button{cursor:pointer}dialog button:focus-visible,.header-actions :focus-visible{outline:3px solid #f3d69c;outline-offset:3px}
.chronicle{border-top:1px solid #88745b66;padding-top:16px;color:#ded1bb;font:14px/1.55 Arial,sans-serif}
.panel [hidden]{display:none!important}.panel #login-message{min-height:1.5em;font:14px/1.5 Arial,sans-serif;color:#f1c892}.panel #login-session p{font:15px/1.5 Arial,sans-serif;color:#f0eadb}.panel #login-form button{margin-top:15px}
.chronicle summary{cursor:pointer;min-height:38px;font-weight:bold}.chronicle summary:focus-visible{outline:3px solid #f3d69c}
.chronicle .eyebrow{margin:14px 0 4px;font-size:10px}.chronicle p{margin:3px 0 12px;white-space:pre-line;overflow-wrap:anywhere}