:root{
      --bg:#0b1320; /* deep navy */
      --fg:#ffffff; /* text on dark */
      --muted:#94a3b8; /* slate */
      --accent:#4f46e5; /* indigo */
      --accent-2:#22c55e; /* green */
      --bubble:#0f172a; /* slightly lighter than bg */
      --client:#e5e7eb; /* user bubble */
      --shadow:0 10px 30px rgba(2,6,23,.35);
      --radius:16px;
    }
    *{box-sizing:border-box}
    .chat{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif !important;background:#f6f7fb;color:#0f172a}

    /* Floating launcher */
    .launcher{
      position:fixed;right:20px;bottom:20px;z-index:9999;
      width:60px;height:60px;border-radius:50%;
      background:var(--accent);color:#fff;display:grid;place-items:center;
      box-shadow:var(--shadow);cursor:pointer;border:none;font-size:26px;line-height:0
    }
    .launcher:focus{outline:3px solid #c7d2fe;outline-offset:3px}

    /* Chat window */
    .chat{
      position:fixed;right:20px;bottom:92px;z-index:9999;width:360px;max-width:92vw;
      background:var(--bg);color:var(--fg);border-radius:22px;box-shadow:var(--shadow);
      display:none;flex-direction:column;overflow:hidden
    }
    .chat.visible{display:flex}
    .chat__head{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
    .chat__logo{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700; padding:7px}
    .chat__title{font-weight:700}
    .chat__sub{font-size:12px;color:var(--muted)}
    .chat__close{margin-left:auto;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}

    .chat__body{height:380px;overflow:auto;padding:16px;scroll-behavior:smooth}
    .msg{display:inline-block;max-width:82%;padding:10px 12px;border-radius:14px;margin:8px 0;line-height:1.35;font-size:14px}
    .msg.bot{background:var(--bubble);border-top-left-radius:6px}
    .msg.users{background:var(--client);color:#0f172a;border-top-right-radius:6px;margin-left:auto}

    .quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
    .chip{border:1px solid rgba(148,163,184,.4);background:transparent;color:#e2e8f0;padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer}
    .chip:hover{border-color:#fff}

    .chat__input{display:flex;gap:8px;padding:12px;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08)}
    .chat__input input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0d1526;color:#fff}
    .chat__input button{padding:10px 14px;border-radius:12px;border:none;background:var(--accent);color:#fff;cursor:pointer}

    .chat a{color:#c7d2fe; float:none !important}
    .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-height:700px){.chat__body{height:300px}}