:root{font:16px/1.55 system-ui,sans-serif;color:#202522;background:#f6f3ed}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 4vw;border-bottom:1px solid #dcded7}header span{color:#2c654c}main{display:grid;grid-template-columns:290px minmax(0,760px);gap:3rem;max-width:1180px;margin:3rem auto;padding:0 1.5rem}h1,h2{font-weight:500;line-height:1.15}h1{font-size:1.5rem}h2{font-size:2rem}button,input,textarea,select{font:inherit}button{cursor:pointer;padding:.65rem 1rem;background:#244c3b;color:white;border:0;border-radius:6px}button:disabled{opacity:.45;cursor:default}.quiet{background:transparent;color:#555;border:1px solid #ccc}label{display:block;margin:1rem 0 .4rem}input,textarea,select{display:block;max-width:100%;width:100%;padding:.6rem;border:1px solid #c4c9c0;border-radius:5px;background:#fff}nav button{display:block;width:100%;text-align:left;margin-top:.7rem;background:white;color:#202522;border:1px solid #dcded7}nav button.selected{border-color:#244c3b}.muted,#status,#profile{font-size:.85rem;color:#586258}#messages{min-height:180px;max-height:52vh;overflow:auto;margin:1.5rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.message{padding:1rem;border-bottom:1px solid #e0e1da}.speaker{font-weight:600;font-size:.8rem;margin-bottom:.4rem}.user{background:#edf0e8}#delete{margin-top:1.5rem}dialog{border:1px solid #c4c9c0;border-radius:10px;max-width:480px;width:calc(100% - 2rem);padding:2rem}dialog::backdrop{background:#18211866}[hidden]{display:none!important}@media(max-width:700px){main{display:block;margin:1.5rem auto}aside{margin-bottom:2rem}aside p{font-size:.85rem}header{font-size:.85rem}h2{font-size:1.6rem}}