.chat-page{background:#0a0a0a;justify-content:center;align-items:center;min-height:80vh;padding:2rem 1rem;display:flex}.chat-window{background:#0e0e0e;border:1px solid #262626;border-radius:4px;flex-direction:column;width:100%;max-width:640px;height:72vh;display:flex;overflow:hidden}.chat-header{background:#131313;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex}.chat-header-title{text-transform:uppercase;letter-spacing:.08em;color:#f5a623;font-family:Courier New,ui-monospace,monospace;font-size:.85rem}.chat-header-live{text-transform:uppercase;letter-spacing:.05em;color:#6a6a6a;align-items:center;gap:.35rem;font-family:Courier New,ui-monospace,monospace;font-size:.65rem;display:flex}.chat-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #4ade8099}.chat-messages{flex-direction:column;flex:1;padding:.8rem .8rem .8rem .6rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.chat-status{color:#6a6a6a;text-align:center;margin-top:1rem;font-family:Courier New,ui-monospace,monospace;font-size:.8rem}.chat-message{word-break:break-word;border-radius:4px;align-items:flex-start;gap:.65rem;margin-top:.5rem;padding:.35rem .6rem;font-family:Courier New,ui-monospace,monospace;font-size:.85rem;line-height:1.45;display:flex}.chat-message:hover{background:#ffffff06}.chat-message-grouped{margin-top:.05rem}.chat-message-highlighted{background:#f5a62309}.chat-message-highlighted:hover{background:#f5a6230f}.chat-avatar-slot{flex-shrink:0;width:30px}.chat-avatar{object-fit:cover;border:1px solid #2a2a2a;border-radius:50%;width:30px;height:30px;display:block}.chat-message-body{flex-direction:column;flex:1;min-width:0;display:flex}.chat-message-meta{align-items:baseline;gap:.5rem;margin-bottom:.15rem;display:flex}.chat-username{color:#f5a623;font-weight:700;text-decoration:none}.chat-username:hover{text-decoration:underline}.chat-username-highlighted{color:#ffcf85}.chat-timestamp{color:#5a5a5a;font-size:.62rem;font-weight:400}.chat-timestamp-hover{opacity:0;flex-shrink:0;margin-left:.5rem;transition:opacity .1s}.chat-message:hover .chat-timestamp-hover{opacity:1}.chat-content-row{align-items:baseline;min-width:0;display:flex}.chat-content{color:#d4d4d4;min-width:0}.chat-team-badge,.chat-admin-badge,.chat-owner-badge{letter-spacing:.03em;border-radius:3px;align-items:center;padding:.1rem .35rem;font-size:.56rem;font-weight:700;line-height:1.3;display:inline-flex}.chat-team-badge{color:#0a0a0a;background:#4dd6f5}.chat-admin-badge{color:#0a0a0a;background:#f5a623}.chat-owner-badge{color:#0a0a0a;background:#ff4d6d}.chat-delete-btn{color:#ff5c5c;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 .3rem;font-size:.65rem;transition:opacity .1s}.chat-message:hover .chat-delete-btn{opacity:.55}.chat-delete-btn:hover{opacity:1!important}.chat-signin-prompt{color:#6a6a6a;text-align:center;background:#131313;border-top:1px solid #262626;padding:.9rem 1.2rem;font-family:Courier New,ui-monospace,monospace;font-size:.8rem}.chat-signin-prompt a{color:#f5a623;text-decoration:none}.chat-signin-prompt a:hover{text-decoration:underline}.chat-input-row{background:#131313;border-top:1px solid #262626;display:flex}.chat-input-row input{color:#e6e6e6;background:0 0;border:none;outline:none;flex:1;padding:.85rem 1.1rem;font-family:Courier New,ui-monospace,monospace;font-size:.85rem}.chat-input-row input::placeholder{color:#555}.chat-input-row button{color:#0a0a0a;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#f5a623;border:none;padding:0 1.5rem;font-family:Courier New,ui-monospace,monospace;font-size:.75rem;font-weight:700;transition:background .15s}.chat-input-row button:hover:not(:disabled){background:#ffb84d}.chat-input-row button:disabled{opacity:.4;cursor:not-allowed}.chat-error{color:#ff5c5c;background:#131313;padding:.4rem 1.2rem;font-family:Courier New,ui-monospace,monospace;font-size:.72rem}