*{box-sizing:border-box}body{margin:0;background:#14171b;color:#f4f4f4;font:15px Tahoma,Arial,sans-serif}a{color:#f3cb57;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;background:#22262b;border-bottom:1px solid #363b41;flex-wrap:wrap}header strong{color:#f4d269}.layout{display:grid;grid-template-columns:310px 1fr;min-height:calc(100vh - 65px)}aside{border-left:1px solid #363b41;background:#1c2025;padding:15px}main{padding:24px;min-width:0}h1,h2{margin-top:0}.thread{display:block;color:#eee;padding:15px;border-bottom:1px solid #343940;border-radius:8px}.thread.active,.thread:hover{background:#31363d}.thread small,.bubble small{display:block;color:#a9adb2;font-size:11px;margin-top:6px}.muted,.empty{color:#aeb4ba}.messages{display:flex;flex-direction:column;gap:12px;min-height:240px;padding:16px;background:#1d2227;border-radius:12px;max-height:60vh;overflow:auto}.bubble{max-width:78%;padding:12px 15px;background:#363c43;border-radius:12px;white-space:normal;overflow-wrap:anywhere}.bubble.out{align-self:flex-end;background:#294b3a}.bubble.in{align-self:flex-start}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.reply{flex:1;display:flex;gap:10px;flex-wrap:wrap}.reply textarea{min-width:220px;flex:1;min-height:65px}.login{max-width:440px;margin:10vh auto;padding:30px;background:#22262b;border-radius:16px}.login label{display:block;margin:16px 0}input,textarea{background:#101316;color:white;border:1px solid #4a5057;border-radius:8px;padding:12px;font:inherit;width:100%;margin-top:6px}button{border:0;border-radius:8px;padding:12px 18px;background:#e5c052;color:#171717;font-weight:bold;cursor:pointer}.secondary{background:#4d555e;color:white}.error{color:#ff9c9c}@media(max-width:700px){.layout{grid-template-columns:1fr}aside{max-height:240px;overflow:auto;border-left:0;border-bottom:1px solid #363b41}main{padding:14px}}