/* Phone chat is a full screen. Desktop chat stays a card beside the board. */
body.page-live .v9chat .msgs{list-style:none;margin:0;padding:0}
body.page-live .v9chat .m{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:10px 16px;border-top:1px solid #e6dcc6;background:transparent}
body.page-live .v9chat .m:first-child{border-top:0}
body.page-live .v9chat .cav{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font:800 12px Inter,sans-serif;color:#fff;background:var(--soju,#3E7CB1)}
body.page-live .v9chat .cav.mak{background:var(--mak,#D9822B)}
body.page-live .v9chat .cav.host{background:var(--g);color:var(--y)}
body.page-live .v9chat .cav.kim{background:var(--y);color:var(--ink)}
body.page-live .v9chat .mh{display:flex;align-items:baseline;gap:8px;min-width:0}
body.page-live .v9chat .mh b{font-size:14px;font-weight:800}
body.page-live .v9chat .mh time{margin-left:auto;font:500 11px 'DM Mono',monospace;color:#7a7365}
body.page-live .v9chat .role{font:700 9.5px 'DM Mono',monospace;letter-spacing:1px;padding:2px 6px;border-radius:999px;border:1.5px solid var(--ink);background:var(--g);color:var(--y)}
body.page-live .v9chat .role.kim{background:var(--y);color:var(--ink)}
body.page-live .v9chat .mt{font-size:15px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
body.page-live .v9chat .m.kim{background:#fff6d6}
body.page-live .v9chat .rx{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.page-live .v9chat .rx button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1.5px solid #cbbfa3;background:#fffdf7;font:600 12.5px Inter,sans-serif}
body.page-live .v9chat .rx button.me{border-color:var(--g);background:#e5f2e9;color:var(--g)}
body.page-live .v9chat .cempty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:220px;padding:24px}
body.page-live .v9chat .cempty b{display:block;font:900 24px Fraunces,serif;color:var(--g)}
body.page-live .v9chat .cempty p{max-width:320px;margin-top:6px;font-size:14.5px;line-height:1.45;color:#4a463d}
/* .emo is the button itself and .quick its row; the form also carries .dock, so target .crow, not .dock. */
body.page-live .v9chat .compose{display:block;padding:8px 0 10px}
body.page-live form.compose .quick{display:flex;gap:8px;padding:0 16px 8px}
body.page-live form.compose .quick .emo{flex:1 1 0;min-width:0;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid var(--ink);background:#fffdf7;font-size:20px;box-shadow:2px 2px 0 var(--ink)}
body.page-live form.compose .quick .emo:nth-child(n+7){display:none}
body.page-live form.compose .crow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;position:static}
body.page-live .v9chat .crow{padding:0 16px}
body.page-live form.compose .crow input{height:46px;border-radius:999px}
body.page-live form.compose .send{padding:0 18px;font:800 15px Inter,sans-serif;border-radius:999px}
body.page-live .v9chat .modn{padding:8px 16px 0}
body.page-live .v9chat .mt{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
body.page-live .v9chat .m.kim{border-radius:0}
body.page-live .v9chat .picker{display:flex;gap:4px;margin:0 8px 8px;padding:6px;background:#fffdf7;border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--g)}
body.page-live .v9chat .picker[hidden]{display:none !important}
body.page-live .v9chat .picker button{flex:1;height:42px;border:0;border-radius:999px;background:transparent;font-size:22px}
body.page-live .v9chat .picker button.me{background:#e5f2e9;box-shadow:inset 0 0 0 2px var(--g)}
body.page-live .v9chat .m.held{position:relative;z-index:3;background:#fffdf7;box-shadow:0 0 0 2px var(--ink);border-radius:14px}
body.page-live .v9chat .msgs.shaded{position:relative}
body.page-live .v9chat .msgs.shaded:after{content:"";position:absolute;inset:0;background:rgba(27,27,27,.38);z-index:2;pointer-events:none}
body.page-live .v9chat .earlier-btn{display:block;width:calc(100% - 32px);margin:8px 16px;background:transparent;border:0;color:var(--g);font:700 13px Inter,sans-serif;text-align:left}
body.page-live .ehd{display:none}
@media (max-width:899px){
  body.page-live .earlier-btn,
  body.page-live .v9chat .earlier-btn{display:none}
  body.page-live .v9chat .m.earlier{display:grid}
  body.page-live:has(.lb.t-ch) header.top,
  body.page-live:has(.lb.t-ch) footer.ft{display:none}
  body.page-live .lb.t-ch{min-height:100dvh;background:var(--paper,#fff8ea)}
  body.page-live .lb.t-ch .lhero,
  body.page-live .lb.t-ch .lmain{display:none}
  body.page-live .lb.t-ch .lbgrid{display:block;padding:0;max-width:none}
  body.page-live .lb.t-ch .v9chat{display:flex;flex-direction:column;min-height:calc(100dvh - 64px);border:0;box-shadow:none;background:var(--paper,#fff8ea);margin:0}
  body.page-live .lb.t-ch .ehd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--g);color:var(--r)}
  body.page-live .lb.t-ch .ehd b{font:900 16px/1.15 Fraunces,serif;color:var(--y)}
  body.page-live .lb.t-ch .ehd small{font:500 11px 'DM Mono',monospace;letter-spacing:1px}
  body.page-live .lb.t-ch .chh{display:none}
  body.page-live .lb.t-ch .v9chat .msgs{flex:1}
  body.page-live .lb.t-ch .v9chat .cempty{flex:1}
  body.page-live .lb.t-ch .v9chat .m.earlier{display:grid}
}
@media (min-width:900px){
  body.page-live .v9chat .m.earlier{display:none}
  body.page-live .v9chat.is-open .m.earlier{display:grid}
}
/* v10 §4 compose rows and §6 chat lock / reaction counts / host chat setting */
body.page-live form.compose{--cx:0px}
body.page-live .v9chat form.compose{--cx:16px}
body.page-live form.compose>.fld,body.page-live form.compose>.quick,body.page-live form.compose>.crow,body.page-live form.compose>.asme{padding-left:var(--cx);padding-right:var(--cx)}
body.page-live form.compose>.fld{margin:0 0 8px}
body.page-live form.compose>.fld .in{width:100%;height:46px;border-radius:999px}
body.page-live form.compose .asme{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 8px;font:500 13px/1.3 Inter,sans-serif;color:#4c473c}
body.page-live form.compose .asme b{color:var(--ink)}
body.page-live form.compose .asme .lnk{border:0;background:transparent;padding:2px 0;font:700 13px Inter,sans-serif;color:var(--g);text-decoration:underline;text-underline-offset:2px}
body.page-live form.compose .asme .hb{font:700 9.5px 'DM Mono',monospace;letter-spacing:1px;padding:2px 6px;border-radius:999px;border:1.5px solid var(--ink);background:var(--g);color:var(--y)}
body.page-live .compose.chatlock{display:block;padding:14px 16px 16px;border-top:2px solid var(--ink);background:var(--r)}
body.page-live .compose.chatlock p{margin:0;font:500 14px/1.35 Inter,sans-serif;color:#5f5a4f}
body.page-live .v9chat .compose.chatlock{border-top:0}
body.page-live .rx .ro{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1.5px solid #cbbfa3;background:#fffdf7;font:600 12.5px Inter,sans-serif}
body.page-live .v9chat .chh .chacc{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 10.5px 'DM Mono',monospace;letter-spacing:1px;color:#e9e1cc}
body.page-live .v9chat .chh .chacc .lnk{border:0;background:transparent;padding:2px 0;font:700 12px Inter,sans-serif;color:var(--y);text-decoration:underline;text-underline-offset:2px}
body.page-live .v9chat .chh form.chacc-edit{margin-top:8px}
body.page-live .v9chat .chh form.chacc-edit .seg{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}