*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:14px Arial,sans-serif;background:#161616;color:#eee}.chat-window{height:100dvh;max-width:1000px;margin:auto;display:flex;flex-direction:column;background:#242424;border-left:1px solid #555;border-right:1px solid #555}header{background:linear-gradient(#3d2b08,#161616);border-bottom:2px solid #d99d00;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:12px}h1{font-size:22px;color:#ffbd16;margin:0 0 6px}p{margin:0;color:#bbb}a{color:#ffca41}#chatStatus{color:#ffb56b;padding:0 16px}.messages{flex:1;overflow:auto;padding:18px;background:linear-gradient(#1c1c1c,#242424);overflow-wrap:anywhere}.message{padding:9px 6px;border-bottom:1px solid #383838;line-height:1.5}.message b{color:#ffb500}.message time{color:#999;font-size:11px;margin-right:12px}form{display:flex;padding:12px;gap:8px;background:#303030;border-top:1px solid #777}input{flex:1;min-width:0;background:#eee;color:#171717;border:1px solid #a0a0a0;border-radius:3px;padding:12px;font-size:15px}button{background:#e6a100;color:#111;font-weight:bold;border:0;border-radius:3px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.6}.note{padding:0 12px 12px;font-size:11px;background:#303030}@media(max-width:520px){header{flex-wrap:wrap}h1{font-size:18px}}