/* OpenMTV homepage: Channel 106 approved live chat preview. Scoped styles only. */
#openmtv-home-chat, #openmtv-home-chat * { box-sizing: border-box; }
#openmtv-home-chat {
  margin: 26px auto 34px; padding: 0 20px; width: 100%; max-width: 1240px;
  position: relative; z-index: 1;
}
#openmtv-home-chat .om-chat-card {
  display:grid; grid-template-columns: minmax(0, 0.91fr) minmax(0, 1fr);
  gap: 22px; border: 1px solid rgba(237,204,133,.36);
  border-radius: 24px; padding: 27px;
  background: linear-gradient(125deg, #22142f 0%, #1b1129 48%, #130f20 100%);
  box-shadow: 0 16px 46px rgba(0,0,0,.25); overflow: hidden;
}
#openmtv-home-chat .om-chat-kicker {
  color:#f2cf83; font-size: 12px; font-weight: 800; letter-spacing:.16em;
  text-transform:uppercase; display:block; margin: 0 0 13px;
}
#openmtv-home-chat h2 { font-size: clamp(27px,3vw,43px); margin: 0 0 15px; line-height: 1.1; color: #fff; }
#openmtv-home-chat .om-chat-intro { color: #d5c5dd; font-size: 16px; line-height:1.6; max-width: 440px; margin: 0 0 23px; }
#openmtv-home-chat .om-chat-btns { display:flex; flex-wrap:wrap; gap:10px; }
#openmtv-home-chat .om-chat-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height: 47px;
  padding: 11px 17px; border-radius: 11px; font-weight:800; text-decoration:none;
  font-size:14px; line-height:1.25; transition:transform .18s, background .18s;
}
#openmtv-home-chat .om-chat-btn:hover { transform: translateY(-1px); }
#openmtv-home-chat .om-chat-btn:focus-visible { outline: 3px solid #fff; outline-offset:3px; }
#openmtv-home-chat .om-chat-primary { background:#f0ce80; border:1px solid #f0ce80; color:#201328; }
#openmtv-home-chat .om-chat-outline { background:transparent; border:1px solid rgba(240,206,128,.48); color:#f6e5bf; }
#openmtv-home-chat .om-chat-note { color:#bfb0ce; font-size:12px; margin: 17px 0 0; line-height:1.5; }
#openmtv-home-chat .om-chat-board {
  background: rgba(8,7,15,.61); border:1px solid rgba(240,206,128,.42);
  border-radius:17px; display:flex; flex-direction:column; min-width:0;
  min-height:310px; overflow:hidden;
}
#openmtv-home-chat .om-chat-board-header {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:7px; padding: 16px 18px 12px; border-bottom:1px solid rgba(255,255,255,.1);
}
#openmtv-home-chat .om-chat-board-title {
  color:#f5e8cb; font-size:12px; font-weight:800; letter-spacing:.11em;
  text-transform:uppercase; margin:0;
}
#openmtv-home-chat .om-chat-live {
  color:#d9cce1; font-size:11px; display:inline-flex; align-items:center; gap:7px;
}
#openmtv-home-chat .om-chat-dot { background:#4ed99b; width:7px; height:7px; border-radius:50%; display:inline-block; }
#openmtv-home-chat .om-chat-status { padding: 11px 18px 6px; color:#ccbdd5; font-size:11px; min-height:26px; }
#openmtv-home-chat .om-chat-messages {
  margin:0; padding: 6px 18px 14px; list-style:none; display:flex; flex-direction:column;
  gap:5px; overflow-y:auto; max-height:255px; min-height:150px;
}
#openmtv-home-chat .om-chat-msg {
  list-style:none; display:flex; flex-direction:column; gap:3px;
  border-bottom:1px solid rgba(255,255,255,.06); padding: 3px 0 8px;
  overflow-wrap:anywhere; animation:om-chat-appear .22s ease-out;
}
#openmtv-home-chat .om-chat-name { color:#f0cf89; font-size:11.5px; font-weight:750; letter-spacing:.015em; }
#openmtv-home-chat .om-chat-text { color:#f5f1f8; font-size:13px; line-height:1.48; font-weight:400; letter-spacing:.005em; white-space:pre-wrap; }
#openmtv-home-chat .om-chat-board-footer {
  padding:12px 18px; border-top:1px solid rgba(255,255,255,.10);
  color:#c3b1cd; font-size:11px; line-height:1.45;
}
#openmtv-home-chat .om-chat-board-footer a { color:#f1d08a; text-underline-offset:3px; }
@keyframes om-chat-appear { from {opacity:.25;transform:translateY(4px)} to {opacity:1;transform:translateY(0)} }
@media(max-width:850px) {
  #openmtv-home-chat { padding: 0 15px; margin: 20px auto 28px; }
  #openmtv-home-chat .om-chat-card { grid-template-columns:1fr; gap:18px; padding:20px; }
  #openmtv-home-chat .om-chat-board { min-height:270px; }
  #openmtv-home-chat .om-chat-messages { max-height:215px; min-height:125px; }
}
@media(max-width:480px) {
  #openmtv-home-chat .om-chat-card {padding:17px;}
  #openmtv-home-chat .om-chat-btns { flex-direction:column; }
  #openmtv-home-chat .om-chat-btn { width:100%; }
  #openmtv-home-chat .om-chat-name {font-size:11px;}
  #openmtv-home-chat .om-chat-text {font-size:12.5px;line-height:1.45;}
}
@media(prefers-reduced-motion:reduce){
  #openmtv-home-chat .om-chat-msg { animation:none; }
  #openmtv-home-chat .om-chat-btn {transition:none;}
}