.chat-section{max-width:1450px;margin:0 auto;padding:84px 26px 70px;position:relative}
.chat-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}
.chat-heading h2{font-family:var(--display);font-weight:900;font-size:clamp(56px,6.1vw,88px);line-height:1.12;letter-spacing:-.015em;margin:14px 0 0}
.chat-heading h2 em{font-style:normal;background:linear-gradient(105deg,#ffbea9,#f7b2c8 50%,#bea3df);background-clip:text;-webkit-background-clip:text;color:transparent}
.chat-connection{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:800;color:#c7b8d3;padding-bottom:12px;white-space:nowrap}
.chat-connection .live-dot{background:#f2afc8;box-shadow:0 0 12px #f2afc83b}
.chat-connection.connection-error{color:#ffc9af}
.chat-shell{border:1px solid #5b4165;background:#19162c;box-shadow:0 18px 50px #0b0a1a38}
.chat-welcome{display:flex;align-items:center;gap:18px;padding:22px 26px;border-bottom:1px solid #47334f;background:linear-gradient(105deg,#30213ce8,#25213bdb),url('/assets/gtavc-sunset.webp') center 52%/cover}
.chat-welcome>img{width:54px;height:54px;border:1px solid #c799c077;border-radius:8px;object-fit:cover}
.chat-welcome strong{font-size:11px;letter-spacing:.1em;color:#f4bfd2}
.chat-welcome p{margin:7px 0 0;color:#c8bad0;font-size:13px;line-height:1.6}
.chat-welcome>.ui-icon{width:40px;height:40px;margin-left:auto;color:#e7b9d3;opacity:.8}
.chat-messages{height:380px;overflow-y:auto;overscroll-behavior:contain;padding:12px 24px;scrollbar-gutter:stable;background:linear-gradient(180deg,#191629,#151427)}
.chat-message{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-bottom:1px solid #3b2d4655}
.chat-message:last-child{border-bottom:0}
.chat-message .topic-avatar{width:37px;height:37px;font-size:22px;border-radius:8px;transform:none;margin-top:2px}
.chat-message .topic-avatar span{transform:none}
.chat-message-copy{min-width:0;flex:1}
.chat-message-meta{display:flex;align-items:baseline;gap:12px}
.chat-message-meta strong{font-size:12px;color:#f9cbdd;overflow-wrap:anywhere}
.chat-message-meta time{font-size:10px;color:#b1a0be;white-space:nowrap}
.chat-message-copy p{margin:7px 0 0;color:#e0d5e7;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-report{border:0;background:transparent;color:#9d85af;padding:5px;opacity:.6;flex:0 0 auto}
.chat-report:hover,.chat-report:focus-visible{opacity:1;color:#f4b5c9}
.chat-report .ui-icon{width:15px;height:15px}
.chat-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 18px;color:#bcaec9}
.chat-empty>.ui-icon{width:55px;height:55px;color:#e4a4c3;stroke-width:1.35;margin-bottom:20px}
.chat-empty strong{font-family:var(--display);font-size:28px;color:#f2dce8;letter-spacing:.02em}
.chat-empty p{max-width:430px;font-size:13px;line-height:1.75;margin:10px 0 0}
.chat-empty .btn{margin-top:16px}
.chat-compose{padding:20px 25px;background:#221a33;border-top:1px solid #46304f}
.chat-identity{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#cbb7d5;margin-bottom:12px;line-height:1.6}
.chat-identity strong{color:#f9c7d8}
.chat-identity>.ui-icon{width:16px;height:16px;color:#ecc0d3}
.chat-signin{padding:0;background:transparent;border:0;color:#f5b5ca;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.chat-form{display:flex;align-items:stretch;gap:12px}
.chat-form textarea{flex:1;min-width:0;resize:vertical;min-height:68px;max-height:190px;border:1px solid #655071;background:#151225;color:#f3e9f8;border-radius:4px;padding:13px 15px;font-family:var(--body);font-size:14px;line-height:1.5}
.chat-form textarea::placeholder{color:#aa98b9}
.chat-form textarea:focus{outline:2px solid #edb8cb;outline-offset:2px}
.chat-form .btn{flex:0 0 auto;gap:12px;align-self:stretch;padding:0 24px}
.chat-help{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#a995b8;margin-top:11px;line-height:1.65}
.chat-help>span:last-child{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.desktop-nav{gap:13px}.chat-heading{align-items:start}.chat-connection{padding-top:8px}}
@media(max-width:650px){
  .chat-section{padding:62px 12px 55px}
  .chat-heading{display:block;margin-bottom:20px;padding:0 10px}
  .chat-heading h2{font-size:55px}
  .chat-connection{margin-top:16px;padding-bottom:0;font-size:8px}
  .chat-welcome{padding:17px 15px;gap:12px}
  .chat-welcome>img{width:44px;height:44px}
  .chat-welcome strong{font-size:9px;letter-spacing:.075em}
  .chat-welcome p{font-size:12px}
  .chat-welcome>.ui-icon{display:none}
  .chat-messages{height:350px;padding:10px 13px}
  .chat-message{gap:10px;padding:15px 0}
  .chat-message .topic-avatar{width:31px;height:31px;font-size:19px}
  .chat-message-copy p{font-size:13px;line-height:1.65}
  .chat-compose{padding:18px 14px}
  .chat-form{gap:8px}
  .chat-form textarea{font-size:16px;padding:12px;min-height:75px}
  .chat-form .btn{padding:0 13px;font-size:10px;gap:6px}
  .chat-form .btn>.ui-icon{width:17px;height:17px}
  .chat-identity{font-size:11px}
  .chat-help{font-size:9px;gap:8px}
}