:root{font-family:system-ui,sans-serif;color:#dce7eb;background:#101c24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:1rem;padding:1.5rem 3%;border-bottom:1px solid #354851}header strong{font-size:1.6rem;color:#83e0bd}header button{margin-left:auto}main{display:grid;grid-template-columns:260px 1fr;gap:2rem;max-width:1250px;margin:auto;padding:2rem}aside{border-right:1px solid #354851;padding-right:1.5rem}h1{font-size:2rem}h2{font-size:1rem;margin-top:2rem}input,textarea,select,button{font:inherit;border:1px solid #4f646e;border-radius:6px;padding:.7rem;background:#1a2a34;color:inherit}input,textarea,select{width:100%}textarea{min-height:110px;resize:vertical}form{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}button{cursor:pointer}button:hover,button[aria-pressed=true]{background:#285648}button:disabled{opacity:.5;cursor:default}.notice{padding:1rem;background:#273842;border-left:3px solid #83e0bd;line-height:1.6}[role=alert]{color:#ffb5a7}nav{display:flex;gap:.5rem;flex-wrap:wrap}.messages{min-height:180px;max-height:50vh;overflow:auto;margin:1rem 0}article{background:#1a2a34;padding:1rem;margin:.7rem 0;border-radius:8px}article p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}@media(max-width:700px){main{grid-template-columns:1fr;padding:1rem}aside{border:0;padding:0}header{padding:1rem}}.management{border-top:1px solid #354851;margin-top:3rem;padding-top:1rem}.management details{margin:1rem 0}.member{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;border-bottom:1px solid #354851;padding:1rem 0}.member code,.invite-code{overflow-wrap:anywhere}.member select{width:auto}.management details p{white-space:pre-wrap}