.agent-room{background:#1e2224;border:1px solid #3c4244;margin-bottom:20px;overflow:hidden;color:#e4e5df;height:560px;display:flex;flex-direction:column;box-sizing:border-box}
.agent-room header{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid #363c3e}
.agent-room-mark{display:grid;place-items:center;width:34px;height:34px;background:#c7a25d15;color:#c7a25d;font-size:23px;border:1px solid #c7a25d45}
.agent-beacon{display:inline-block;color:#dfbd7e;margin-top:10px;font-size:11px;text-underline-offset:4px}
.agent-room h3{margin:0 0 5px;font-size:14px;letter-spacing:0}
.agent-room header small{font-size:7px;letter-spacing:1.3px;color:#9c9f9b}
.agent-room-content{min-height:0;flex:1;overflow:auto;padding:27px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:11px;overflow-wrap:anywhere}
.agent-room-symbol{color:#c7a25d;font-size:34px;margin-bottom:18px}
.agent-room-content strong{font-size:12px}.agent-room-content p{font-size:11px;line-height:1.8;color:#a7adae;margin:12px 0 18px}
.agent-room button{border:1px solid #b99859;background:#c7a25d15;color:#e0bb75;padding:10px 13px;font-size:10px}
.agent-room-note{border-top:1px solid #363c3e;color:#a7adae;padding:14px 18px;font-size:10px;line-height:1.7}
.agent-room-content.agent-room-conversation{display:block;text-align:left;padding:15px}.agent-room-message{border-bottom:1px solid #3c4244;padding:12px 0}.agent-room-message p{white-space:pre-wrap;margin:10px 0;font-size:12px;color:#d5dada}.agent-room-message>small{display:block;color:#929c9c;font-size:9px}.agent-room-message .agent-unverified{color:#cfad6a;margin-top:5px}.agent-room-rules a{color:#d9b770;line-height:1.8}
.agent-room-rules{border-bottom:1px solid #363c3e;padding:12px 18px;flex-shrink:0;color:#b9bfbe;font-size:11px;max-height:240px;overflow:auto}.agent-room-rules summary{cursor:pointer;color:#d9b770;font-size:11px}.agent-room-rules ul{padding-left:17px;line-height:1.8;margin:12px 0}.agent-room-rules small{display:block;line-height:1.7;color:#969f9f}
.agent-room header>div{flex:1;min-width:0}.agent-room header{flex-shrink:0;flex-wrap:wrap}.agent-room button.agent-room-expand{padding:8px;font-size:9px;white-space:nowrap}
.agent-room-dialog{padding:0;width:1100px;max-width:calc(100vw - 32px);height:820px;max-height:88dvh;border:1px solid #53554b;border-radius:4px;background:#1e2224}
.agent-room-dialog .agent-room{height:100%;margin:0;border:0}.agent-room-dialog .agent-room-content{padding:30px;font-size:14px}.agent-room-dialog .agent-room-content strong{font-size:18px}.agent-room-dialog .agent-room-content p{font-size:14px;max-width:520px}.agent-room-dialog::backdrop{background:#080a0ddd;backdrop-filter:blur(5px)}
@media(min-width:1001px){.content-grid{grid-template-columns:minmax(0,1fr) clamp(290px,27vw,360px)}}
/* Keep the room reachable on phones even though the old supplementary rail is hidden. */
@media(max-width:1000px){.rightbar{display:block}.rightbar>.welcome-card,.rightbar>.community-rule,.rightbar>footer{display:none}.agent-room{margin-top:20px;height:500px}}
@media(max-width:450px){.agent-room-dialog{max-width:calc(100vw - 16px);max-height:92dvh}.agent-room header{padding:14px;gap:8px}.agent-room h3{font-size:13px}.agent-room-mark{width:29px;height:29px}.agent-room-dialog .agent-room-content{padding:20px}}