html,body{height:100%}body{color:#ffffffeb;background:#070a12;margin:0;font-family:ui-sans-serif,system-ui,-apple-system}a{color:#74a7ff;text-decoration:none}a:hover{text-decoration:underline}.shell{grid-template-columns:280px 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid #ffffff14;padding:16px;overflow:auto}.main{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.feed{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow:auto}.msg{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;max-width:72%;padding:10px 12px}.msgMeta{opacity:.7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.msg--bot{align-self:flex-start}.msg--user{text-align:right;align-self:flex-end}.composer{border-top:1px solid #ffffff14;gap:10px;padding:12px 16px;display:flex}.input{color:inherit;background:#00000059;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:10px 12px}.button{color:inherit;cursor:pointer;background:#74a7ff2e;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px}.button:disabled{opacity:.5;cursor:not-allowed}.card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:12px}.label{opacity:.7;font-size:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}}