.chat-page .page-main{max-width:1240px;margin:0 auto}.chat-shell{max-width:880px;margin:42px auto 0;padding:20px}.chat-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid #3a3e47}.chat-panel-heading h2{margin:0;font-size:24px;font-weight:900}.chat-panel-heading span{color:#858b96;font-size:12px;font-weight:600}.chat-message-list{height:560px;display:flex;flex-direction:column;gap:10px;margin:18px 0;overflow-y:auto;padding:4px 8px 4px 0;scrollbar-color:#ff4f9a #17191e;scrollbar-width:thin}.chat-message-list::-webkit-scrollbar{width:10px}.chat-message-list::-webkit-scrollbar-track{background:#17191e}.chat-message-list::-webkit-scrollbar-thumb{border:2px solid #17191e;border-radius:999px;background:#ff4f9a}.chat-message{padding:13px 15px;border:1px solid #3a3e47;border-radius:12px;background:#292c33}.chat-message header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px}.chat-message strong{color:#f6f7f9;font-size:15px;font-weight:900}.chat-message time{flex:0 0 auto;color:#858b96;font-size:11px;font-weight:600}.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#dfe1e6;font-size:15px;font-weight:400;line-height:1.55}.chat-empty{display:grid;place-items:center;min-height:180px;margin:0;color:#858b96;font-size:14px;font-weight:600;text-align:center}.chat-login-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px dashed #565c68;border-radius:12px;color:#b8bdc7;font-size:14px;line-height:1.5}.chat-login-notice button,.chat-composer button{flex:0 0 auto;border:1px solid #ff4f9a;border-radius:10px;background:#ff4f9a;color:#18060d;font:900 14px/1 THEYellowRibbon,Arial,sans-serif;cursor:pointer}.chat-login-notice button{padding:11px 15px}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.chat-composer textarea{min-height:52px;resize:vertical;padding:14px;border:1px solid #454a55;border-radius:12px;background:#17191e;color:#f6f7f9;font:400 15px/1.45 THEYellowRibbon,Arial,sans-serif}.chat-composer textarea:focus{outline:0;border-color:#ff4f9a}.chat-composer button{min-width:82px;padding:0 18px}.chat-composer button:disabled{opacity:.6;cursor:wait}.chat-compose-status{min-height:20px;margin:10px 0 0;color:#858b96;font-size:12px;font-weight:600}.chat-compose-status[data-type="error"]{color:#ff87b8}.chat-compose-status[data-type="success"]{color:#a6efc0}@media(max-width:620px){.chat-shell{margin-top:28px;padding:16px}.chat-message-list{height:440px}.chat-login-notice{align-items:flex-start;flex-direction:column}.chat-composer{grid-template-columns:1fr}.chat-composer button{min-height:48px}}