/* VYBEON LAST 1.0 — Luna chat launcher (bottom right) + mobile Install App in the footer.
   Everything is namespaced .lt-* ; kill switch: localStorage.lastOff = '1'  */
:root{--lt-bottom:104px;--lt-ink:#2a1d16;--lt-paper:#f3e8d2;--lt-ember:#e8622a;--lt-cy:#4de3ff;--lt-vi:#9b7bff}
html[data-last-off] .lt-root,html[data-last-off] .lt-foot-install{display:none!important}

/* hide the earlier static Luna row (Final 1.0) — it now lives bottom right */
html[data-last]:not([data-last-keep]) .fn-lu{display:none!important}

/* ---------- launcher ---------- */
.lt-root{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--lt-bottom) + env(safe-area-inset-bottom));z-index:2147482000;font-family:inherit}
.lt-fab{all:unset;box-sizing:border-box;position:relative;display:block;width:60px;height:60px;border-radius:50%;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform .18s ease,box-shadow .18s ease}
.lt-fab:hover{transform:translateY(-2px) scale(1.04)}
.lt-fab:active{transform:scale(.96)}
.lt-fab:focus-visible{outline:3px solid var(--lt-ember);outline-offset:3px}
.lt-fab img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;pointer-events:none;user-select:none}
.lt-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#3ddc84;border:2px solid var(--lt-ring-bg,#0b1020)}
.lt-tip{position:absolute;right:68px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 11px;border-radius:12px 12px 4px 12px;
  font:600 12px/1.2 system-ui,sans-serif;pointer-events:none;opacity:0;transition:opacity .25s;max-width:60vw}
.lt-root.lt-hint .lt-tip{opacity:1}

/* dark / night */
html[data-last="dark"] .lt-fab{box-shadow:0 0 0 2px rgba(77,227,255,.55),0 0 22px rgba(120,110,255,.55),0 8px 24px rgba(0,0,0,.55)}
html[data-last="dark"] .lt-tip{background:#10162b;color:#dff6ff;border:1px solid rgba(77,227,255,.4)}
html[data-last="dark"]{--lt-ring-bg:#0b1020}
/* light / paper */
html[data-last="light"] .lt-fab{box-shadow:0 0 0 3px var(--lt-ink),0 0 0 6px var(--lt-ember),4px 8px 0 6px rgba(42,29,22,.9)}
html[data-last="light"] .lt-tip{background:var(--lt-paper);color:var(--lt-ink);border:2px solid var(--lt-ink)}
html[data-last="light"]{--lt-ring-bg:#f3e8d2}

/* ---------- chat box ---------- */
.lt-panel{position:absolute;right:0;bottom:74px;width:min(340px,calc(100vw - 28px));height:min(460px,calc(100vh - var(--lt-bottom) - 100px));min-height:260px;
  display:none;flex-direction:column;border-radius:18px;overflow:hidden;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}
.lt-root.lt-open .lt-panel{display:flex;animation:lt-in .18s ease-out}
@keyframes lt-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.lt-head{display:flex;align-items:center;gap:10px;padding:10px 12px}
.lt-head img{width:34px;height:34px;border-radius:50%;flex:none}
.lt-head b{display:block;font-size:14px}.lt-head small{display:block;font-size:11px;opacity:.7;letter-spacing:.06em;text-transform:uppercase}
.lt-x{all:unset;margin-left:auto;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:18px}
.lt-x:focus-visible{outline:2px solid var(--lt-ember)}
.lt-log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.lt-m{max-width:86%;padding:8px 11px;border-radius:14px;word-wrap:break-word}
.lt-m.bot{align-self:flex-start;border-bottom-left-radius:4px}
.lt-m.me{align-self:flex-end;border-bottom-right-radius:4px}
.lt-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.lt-chip{all:unset;cursor:pointer;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600}
.lt-chip:focus-visible{outline:2px solid var(--lt-ember)}
.lt-form{display:flex;gap:8px;padding:10px 12px}
.lt-in{flex:1;min-width:0;padding:9px 11px;border-radius:12px;font:inherit;outline:none}
.lt-go{all:unset;cursor:pointer;padding:0 14px;border-radius:12px;font-weight:700;display:grid;place-items:center}
.lt-go:focus-visible{outline:2px solid var(--lt-ember)}

html[data-last="dark"] .lt-panel{background:#0e1428;color:#e8f1ff;border:1px solid rgba(77,227,255,.35);box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 30px rgba(120,110,255,.25)}
html[data-last="dark"] .lt-head{background:linear-gradient(90deg,rgba(77,227,255,.14),rgba(155,123,255,.14));border-bottom:1px solid rgba(255,255,255,.08)}
html[data-last="dark"] .lt-x{color:#cfe}
html[data-last="dark"] .lt-m.bot{background:#1a2342}
html[data-last="dark"] .lt-m.me{background:linear-gradient(135deg,#2a8cff,#7a5cff);color:#fff}
html[data-last="dark"] .lt-chip{background:#18223f;color:#bfe9ff;border:1px solid rgba(77,227,255,.35)}
html[data-last="dark"] .lt-form{border-top:1px solid rgba(255,255,255,.08)}
html[data-last="dark"] .lt-in{background:#0a0f20;color:#fff;border:1px solid rgba(255,255,255,.18)}
html[data-last="dark"] .lt-go{background:linear-gradient(135deg,#4de3ff,#9b7bff);color:#07101f}

html[data-last="light"] .lt-panel{background:var(--lt-paper);color:var(--lt-ink);border:2px solid var(--lt-ink);box-shadow:5px 6px 0 rgba(42,29,22,.9)}
html[data-last="light"] .lt-head{background:#ead9b8;border-bottom:2px solid var(--lt-ink)}
html[data-last="light"] .lt-m.bot{background:#fff7e6;border:1.5px solid var(--lt-ink)}
html[data-last="light"] .lt-m.me{background:var(--lt-ember);color:#fff;border:1.5px solid var(--lt-ink)}
html[data-last="light"] .lt-chip{background:#fff7e6;color:var(--lt-ink);border:1.5px solid var(--lt-ink)}
html[data-last="light"] .lt-form{border-top:2px solid var(--lt-ink)}
html[data-last="light"] .lt-in{background:#fffaf0;color:var(--lt-ink);border:1.5px solid var(--lt-ink)}
html[data-last="light"] .lt-go{background:var(--lt-ink);color:var(--lt-paper)}

@media (max-width:720px){
  .lt-fab{width:52px;height:52px}
  .lt-tip{right:60px}
  .lt-panel{bottom:64px;width:min(340px,calc(100vw - 24px))}
  .lt-root{right:max(12px,env(safe-area-inset-right))}
}
@media (prefers-reduced-motion:reduce){.lt-fab,.lt-root.lt-open .lt-panel,.lt-tip{transition:none;animation:none}}

/* ---------- mobile Install App → footer ---------- */
.lt-foot-install{display:none}
@media (max-width:720px){
  .lt-hide-install{display:none!important}
  .lt-foot-install.lt-ready{display:flex;justify-content:center;padding:14px 16px 6px}
  .lt-foot-install button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;
    font:700 13px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;border-radius:10px;-webkit-tap-highlight-color:transparent}
  .lt-foot-install button:focus-visible{outline:3px solid var(--lt-ember);outline-offset:2px}
  html[data-last="light"] .lt-foot-install button{background:#fff7e6;color:var(--lt-ink);border:2px solid var(--lt-ink);box-shadow:3px 3px 0 var(--lt-ink)}
  html[data-last="dark"] .lt-foot-install button{background:#161d38;color:#dff6ff;border:1px solid rgba(77,227,255,.5)}
}