:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#11111b;color:#eeeef8}*{box-sizing:border-box}body{margin:0 auto;max-width:1000px;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303044;padding-bottom:18px}small{color:#aaa8c2;letter-spacing:.04em}h1{margin:4px 0;font-size:28px}h2{margin-top:0}button,input,select{font:inherit;border-radius:10px;border:1px solid #44415b;padding:12px;background:#242234;color:inherit}button{cursor:pointer;background:#7660df;border-color:transparent;font-weight:650}button:disabled{opacity:.5}input{width:100%;margin-top:7px}input[type=checkbox]{width:auto}label{display:block}#login{max-width:430px;margin:8vh auto;background:#1a1928;padding:28px;border-radius:18px}#login p{color:#bab8cb;line-height:1.6}form{display:grid;gap:18px;margin:24px 0}#error{color:#ffacb4!important;margin:0}.toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px 0;font-size:14px}#status{flex:1;min-width:200px;color:#c5baff}select{padding:6px}#messages{font-size:18px;overflow-wrap:anywhere}.message{padding:16px 18px;margin:9px 0;border-radius:12px;background:#1d1c2a;line-height:1.45}.meta{display:flex;gap:10px;align-items:center;font-size:.75em;color:#a8a5ba;margin-bottom:6px}.author{font-weight:700;color:#d8caff}.event{border-left:3px solid #9c83ff}.text{white-space:pre-wrap}footer,#empty{color:#aaa6be;font-size:14px;padding:24px 0;line-height:1.6}[hidden]{display:none!important}@media(max-width:500px){body{padding:14px}#login{padding:20px}.toolbar{gap:10px}.message{padding:12px}}