:root { --luna-ink:#09070a; --luna-ivory:#f6f2eb; --luna-accent:#c52b91; }
.luna-root { position:fixed; right:24px; bottom:22px; z-index:999999; font-family:Arial,Helvetica,sans-serif; color:var(--luna-ivory); }
.luna-launcher { display:flex; align-items:center; gap:10px; height:68px; padding:4px 18px 4px 5px; color:white; background:linear-gradient(145deg,#151217,#060507); border:1px solid rgba(255,255,255,.35); border-radius:40px; box-shadow:0 16px 45px rgba(0,0,0,.45), inset 0 0 0 1px rgba(197,43,145,.28); cursor:pointer; }
.luna-launcher::after { content:""; position:absolute; inset:-2px; border:1px solid color-mix(in srgb,var(--luna-accent),transparent 28%); border-radius:42px; pointer-events:none; }
.luna-launcher img { width:58px; height:58px; object-fit:contain; object-position:center 24%; border-radius:50%; }
.luna-launcher__label { font:600 11px/1 Arial,sans-serif; letter-spacing:.22em; }
.luna-panel { position:absolute; right:0; bottom:82px; width:min(390px,calc(100vw - 28px)); height:min(620px,calc(100vh - 120px)); display:flex; flex-direction:column; overflow:hidden; background:rgba(9,7,10,.985); border:1px solid rgba(255,255,255,.26); border-radius:20px; box-shadow:0 32px 90px rgba(0,0,0,.6); opacity:0; transform:translateY(16px) scale(.98); pointer-events:none; transition:.22s ease; }
.luna-panel::before { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(197,43,145,.18); pointer-events:none; }
.luna-panel.is-open { opacity:1; transform:none; pointer-events:auto; }
.luna-header { display:flex; align-items:center; min-height:82px; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,.14); background:linear-gradient(135deg,#171318,#09070a); }
.luna-header__avatar { width:60px; height:60px; display:grid; place-items:center; margin-right:10px; }
.luna-header__avatar img { width:100%; height:100%; object-fit:contain; }
.luna-header strong { display:block; font:400 18px/1.1 Georgia,serif; letter-spacing:.2em; }
.luna-header span { display:block; margin-top:5px; color:#beb6bd; font:600 9px/1 Arial,sans-serif; letter-spacing:.2em; }
.luna-close { margin-left:auto; width:38px; height:38px; padding:0; border:0; background:transparent; color:#d8d2d7; font:200 30px/1 Arial; cursor:pointer; }
.luna-messages { flex:1; overflow:auto; padding:22px 18px; scrollbar-color:#494049 transparent; }
.luna-message { margin:0 0 16px; display:flex; flex-direction:column; align-items:flex-start; }
.luna-message>div { max-width:86%; padding:13px 15px; border:1px solid rgba(255,255,255,.12); border-radius:3px 15px 15px 15px; background:#171318; color:#f6f2eb; font:400 14px/1.55 Arial,sans-serif; }
.luna-message--guest { align-items:flex-end; }
.luna-message--guest>div { border-radius:15px 3px 15px 15px; background:#f3eee8; color:#111; }
.luna-message.is-thinking>div { color:#bbb2ba; animation:luna-pulse 1.1s ease-in-out infinite alternate; }
.luna-sources { max-width:86%; margin-top:7px; padding:0 4px; }
.luna-sources a { display:block; margin-top:5px; color:#dba3ca; font-size:11px; text-decoration:none; }
.luna-sources a:hover { text-decoration:underline; }
.luna-form { display:grid; grid-template-columns:1fr 48px; gap:8px; padding:12px 14px; border-top:1px solid rgba(255,255,255,.14); }
.luna-form input { min-width:0; height:46px; padding:0 14px; color:white; background:#141115; border:1px solid rgba(255,255,255,.22); border-radius:4px; outline:none; }
.luna-form input:focus { border-color:var(--luna-accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--luna-accent),transparent 70%); }
.luna-form button { border:1px solid var(--luna-accent); border-radius:4px; color:white; background:#21121d; font-size:22px; cursor:pointer; }
.luna-disclaimer { margin:0; padding:0 14px 12px; color:#837b82; text-align:center; font-size:9px; letter-spacing:.06em; }
.luna-monogram,.luna-crescent { width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; color:white; font:400 27px/1 Georgia,serif; }
.luna-crescent { color:var(--luna-accent); }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@keyframes luna-pulse { to { opacity:.45; } }
@media (max-width:520px) {
  .luna-root { right:14px; bottom:14px; }
  .luna-panel { position:fixed; inset:12px; width:auto; height:auto; }
  .luna-launcher__label { display:none; }
  .luna-launcher { width:64px; padding:3px; }
}
@media (prefers-reduced-motion:reduce) { .luna-panel,.luna-message.is-thinking>div { transition:none; animation:none; } }