/* live room page styles */
  .roomwrap { max-width: 880px; margin: 0 auto; padding: 30px 18px 60px; }
  .roomhead h1 { font-size: 20px; letter-spacing: .18em; color: #ace4b2; text-transform: uppercase; }
  .roomhead p { color: #7fae8c; font-size: 13px; }
  .authrow { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
  .authbtn { appearance:none; font-family:'Share Tech Mono',ui-monospace,monospace; font-size:12px; letter-spacing:.14em;
    color:#7fae8c; background:rgba(95,211,138,.05); border:1px solid rgba(95,211,138,.45);
    border-radius:999px; padding:8px 16px; cursor:pointer; }
  .authbtn[disabled] { opacity:.45; cursor:not-allowed; }
  .feed { list-style:none; margin:10px 0; padding:0; display:flex; flex-direction:column; gap:10px;
    min-height:220px; border:1px solid rgba(95,211,138,.25); border-radius:14px; padding:14px;
    background:rgba(13,26,17,.55); }
  .feed li { display:flex; gap:10px; align-items:baseline; }
  .feed .who { color:#ace4b2; font-size:12px; letter-spacing:.08em; white-space:nowrap; }
  .feed .msg { color:#d9e8dd; font-size:14px; line-height:1.5; word-break:break-word; }
  .feed .sys { color:#6a7d70; font-style:italic; font-size:12px; }
  .composer { display:flex; gap:10px; margin-top:12px; }
  .composer input { flex:1; background:rgba(13,26,17,.7); border:1px solid rgba(95,211,138,.4);
    border-radius:999px; padding:10px 16px; color:#d9e8dd; font-family:'Share Tech Mono',ui-monospace,monospace; }
  .composer button { appearance:none; background:#ace4b2; color:#0b120e; border:none; border-radius:999px;
    padding:10px 22px; font-family:'Share Tech Mono',ui-monospace,monospace; letter-spacing:.1em; cursor:pointer; }
  .composer [disabled] { opacity:.45; cursor:not-allowed; }
  .roomnote { color:#6a7d70; font-size:12px; margin-top:8px; }
  .backlink { display:inline-block; margin-bottom:18px; color:#7fae8c; text-decoration:none; font-size:12px; letter-spacing:.14em; }
  .dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#f26d6d; margin-right:6px; }
  .dot.on { background:#ace4b2; }
  #whoami { color:#ace4b2; font-size:12px; letter-spacing:.08em; cursor:pointer; align-self:center; }
  .pwform { display:flex; gap:10px; margin:-8px 0 14px; }
  .pwform input { background:rgba(13,26,17,.7); border:1px solid rgba(95,211,138,.4);
    border-radius:999px; padding:9px 14px; color:#d9e8dd; font-family:'Share Tech Mono',ui-monospace,monospace; }
  .pwform button { appearance:none; background:#ace4b2; color:#0b120e; border:none; border-radius:999px;
    padding:9px 18px; font-family:'Share Tech Mono',ui-monospace,monospace; letter-spacing:.1em; cursor:pointer; }
  .perr { color:#f26d6d; font-size:12px; align-self:center; }
  .authbtn.on { background:#ace4b2; color:#0b120e; border-color:#ace4b2; box-shadow:0 0 14px rgba(172,228,178,.35); }
  .pwform .alt { background:transparent; color:#ace4b2; border:1px solid rgba(95,211,138,.45); }
  .toast { color:#f2d06d; font-size:12px; margin:-6px 0 12px; }