:root{font-family:system-ui,sans-serif;color:#e9edf2;background:#111722;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;border-radius:10px;border:1px solid #42516a;padding:12px;background:#202c40;color:inherit}button{cursor:pointer}button:hover{background:#334564}button:disabled{opacity:.5;cursor:default}#login{max-width:420px;margin:12vh auto;padding:24px}label{display:block}input{display:block;width:100%;margin:12px 0}#app{display:flex;min-height:100vh}#app[hidden],*[hidden]{display:none!important}aside{width:250px;flex-shrink:0;padding:20px;background:#192231;display:flex;flex-direction:column;gap:12px}h1{font-size:23px}nav{flex:1}nav button{display:block;width:100%;margin:8px 0;text-align:left;overflow:hidden;text-overflow:ellipsis}nav button.active{border-color:#90b7ff}main{flex:1;min-width:0;max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}#messages{min-height:45vh}.message{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;padding:16px;background:#1b2739;border-radius:12px}.message.user{background:#283d59}.message pre{white-space:pre-wrap;margin:0}.approval{padding:16px;background:#3a321e;border-radius:12px;margin:12px 0}.approval pre{white-space:pre-wrap;overflow-wrap:anywhere}.approval button{margin:8px}#messageForm{display:flex;gap:12px;align-items:stretch}textarea{flex:1;min-width:0;resize:vertical}.hint{font-size:13px;color:#a3b1c5}#error{position:sticky;bottom:0;background:#542d36;padding:12px;margin:0;white-space:pre-wrap}#error:empty{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden}#settings{padding:16px;border:1px solid #42516a;border-radius:12px;margin:20px 0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8fc0ff}@media(max-width:700px){#app{flex-direction:column}aside{width:100%;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}aside h1{display:none}nav{grid-column:1/3;display:flex;overflow-x:auto;max-height:100px}nav button{min-width:180px;margin:4px}main{padding:14px;width:100%}header{font-size:14px}#messageForm{flex-direction:column}.message{padding:12px}#login{margin:8vh auto}}