:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050505;color:#eee}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#201904,#050505 45%);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid #5b4816;border-radius:15px 15px 0 0;background:#0d0d0d}header strong{color:#d4af37;letter-spacing:3px;font-size:22px}header span{color:#bbb}header i{margin-left:auto;color:#62d490;font-style:normal;font-size:13px}.layout{display:grid;grid-template-columns:1fr 290px;min-height:620px;border:1px solid #5b4816;border-top:0;border-radius:0 0 15px 15px;overflow:hidden}.chat{display:grid;grid-template-rows:1fr auto;background:#090909}#messages{padding:20px;overflow:auto;max-height:560px}article{padding:12px 14px;margin-bottom:10px;border-left:3px solid #d4af37;background:#111;border-radius:8px}article b{color:#d4af37}article time{float:right;color:#777;font-size:12px}article p{margin:6px 0 0;white-space:pre-wrap}form{display:flex;gap:10px;padding:15px;border-top:1px solid #292929}input{flex:1;padding:13px;border:1px solid #444;border-radius:9px;background:#151515;color:#fff}button{padding:0 20px;border:1px solid #d4af37;border-radius:9px;background:#151208;color:#d4af37;font-weight:700}aside{padding:18px;border-left:1px solid #292929;background:#0d0d0d}aside h2{font-size:15px;color:#d4af37;margin-top:0}.member{padding:10px 4px;border-bottom:1px solid #222}.member span{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#58cc83}@media(max-width:700px){.shell{padding:0}.layout{grid-template-columns:1fr;border-radius:0}.layout aside{display:none}header{border-radius:0}.layout{min-height:calc(100vh - 64px)}#messages{max-height:calc(100vh - 145px)}}