/* MeowKuda — SHARED in-app AI chat widget styles (Boss, 2026-09-29).
 * ONE copy for BOTH /m (m.html) and /sim (sim.html), so the two can never drift.
 * The colours are the widget's OWN literals (matching the /m palette) so the panel looks
 * identical on the simulator page, which has its own, different CSS variables. The host
 * page only decides WHEN the FAB is visible (subscriber gate) — never how it looks. */
.chat-fab{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:55;
  width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,179,71,.5);
  background:linear-gradient(160deg,#1b2130,#141822);color:#ffb347;font-size:23px;
  line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.55)}
.chat-fab:active{background:rgba(255,179,71,.16)}
.chat-overlay{position:fixed;inset:0;z-index:65;background:rgba(6,8,12,.78);
  backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}
.chat-sheet{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;
  background:#161a22;border:1px solid #262c38;border-bottom:0;
  border-radius:16px 16px 0 0;padding:14px 14px calc(env(safe-area-inset-bottom) + 12px)}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.chat-title{font-size:16px;font-weight:800;color:#e8ecf3}
.chat-scope{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;letter-spacing:.4px;
  color:#0c0d14;background:#ffb347;border-radius:6px;padding:2px 6px;vertical-align:middle}
.chat-x{background:none;border:0;color:#8d97a8;font-size:18px;padding:2px 8px;cursor:pointer}
.chat-sub{color:#8d97a8;font-size:11.5px;margin:5px 0 9px;line-height:1.5}
.chat-log{flex:1 1 auto;overflow-y:auto;min-height:120px;max-height:52vh;
  display:flex;flex-direction:column;gap:8px;padding:4px 2px 8px}
.chat-msg{max-width:86%;border-radius:12px;padding:9px 11px;font-size:13px;line-height:1.5;
  white-space:pre-wrap;word-break:break-word}
.chat-msg.me{align-self:flex-end;background:rgba(255,179,71,.16);border:1px solid rgba(255,179,71,.4);
  color:#e8ecf3}
.chat-msg.ai{align-self:flex-start;background:#1c212b;border:1px solid #262c38;color:#b6c0cf}
.chat-msg.chat-think{color:#7c8798;font-style:italic}
.chat-note{color:#7c8798;font-size:10.5px;min-height:14px;margin:2px 0 7px;line-height:1.4}
.chat-in-row{display:flex;gap:8px;align-items:stretch}
/* The input + Send button carry their full styling here (not relying on a page's global
   input/.btn rules) so the composer is identical on /m and /sim. */
.chat-in-row input{margin:0;flex:1 1 auto;padding:12px 13px;font-size:16px;min-width:0;
  background:#1c212b;border:1px solid #262c38;color:#e8ecf3;border-radius:10px}
.chat-send{width:auto;flex:0 0 auto;padding:12px 16px;border:0;border-radius:10px;cursor:pointer;
  background:#ffb347;color:#181818;font-weight:700;font-size:15px}