:root{
  --ai-bg:#07101f; --ai-panel:#0b1426; --ai-border:#1a2a40; --ai-gold:#c8960f;
  --ai-text:#d6e4f0; --ai-dim:#8aaac8; --ai-accent:#1a6aff; --ai-user:#12365f;
}
.ask-canary-launcher{
  position:static; z-index:50; display:flex; align-items:center; gap:10px;
  background:linear-gradient(180deg,#0b1528,#08111f); color:var(--ai-text); border:1px solid var(--ai-border);
  border-radius:999px; padding:8px 12px; box-shadow:0 6px 20px rgba(0,0,0,.25); cursor:pointer;
  font-family:'Orbitron',sans-serif; letter-spacing:1px; font-size:11px; margin-left:12px; flex:0 0 auto;
}
.ask-canary-launcher:hover{ transform:translateY(-1px); }
.ask-canary-dot{ width:8px; height:8px; border-radius:50%; background:#00d084; box-shadow:0 0 8px rgba(0,208,132,.7); }
.ask-canary-panel{
  position:fixed; right:18px; top:64px; width:min(380px, calc(100vw - 24px)); height:min(580px, calc(100vh - 96px));
  background:linear-gradient(180deg,#08111f,#050c17); border:1px solid var(--ai-border); border-radius:16px; z-index:5001;
  display:none; flex-direction:column; overflow:hidden; box-shadow:0 14px 40px rgba(0,0,0,.5);
}
.ask-canary-panel.open{ display:flex; }
.ask-canary-head{ padding:14px 16px; border-bottom:1px solid var(--ai-border); display:flex; justify-content:space-between; align-items:center; }
.ask-canary-head h3{ margin:0; color:#e8f3ff; font:700 14px 'Orbitron',sans-serif; letter-spacing:1.2px; }
.ask-canary-sub{ color:var(--ai-dim); font:12px 'JetBrains Mono',monospace; }
.ask-canary-close{ background:transparent; color:var(--ai-dim); border:none; font-size:22px; cursor:pointer; }
.ask-canary-messages{ flex:1; overflow:auto; padding:14px; display:flex; flex-direction:column; gap:12px; }
.ask-canary-msg{ max-width:90%; padding:12px 13px; border-radius:14px; white-space:pre-wrap; line-height:1.45; font:13px/1.45 'JetBrains Mono',monospace; }
.ask-canary-msg.assistant{ align-self:flex-start; background:#0d1a30; color:var(--ai-text); border:1px solid #173256; }
.ask-canary-msg.user{ align-self:flex-end; background:#13365a; color:#eef6ff; border:1px solid #2d5f92; }
.ask-canary-meta{ margin-top:6px; color:#7f9bbc; font-size:11px; }
.ask-canary-suggest{ padding:10px 14px; border-top:1px solid rgba(255,255,255,.04); display:flex; flex-wrap:wrap; gap:8px; }
.ask-canary-chip{ background:#0f1d35; color:#b8d0ea; border:1px solid #1c355a; border-radius:999px; padding:6px 10px; font:11px 'Orbitron',sans-serif; cursor:pointer; }
.ask-canary-form{ display:flex; gap:8px; padding:12px; border-top:1px solid var(--ai-border); }
.ask-canary-input{ flex:1; min-height:44px; max-height:120px; resize:vertical; background:#0b1629; color:var(--ai-text); border:1px solid #203456; border-radius:12px; padding:10px 12px; font:13px 'JetBrains Mono',monospace; }
.ask-canary-send{ background:linear-gradient(180deg,#d7a019,#b6810e); color:#08111f; border:none; border-radius:12px; padding:0 14px; font:700 12px 'Orbitron',sans-serif; cursor:pointer; }
.ask-canary-note{ padding:0 12px 10px; color:#7691af; font:11px 'JetBrains Mono',monospace; }
.ask-canary-loading::after{ content:' …'; animation:blink 1s infinite; }
@keyframes blink{0%,100%{opacity:.2} 50%{opacity:1}}
@media (max-width: 640px){ .ask-canary-panel{ right:12px; left:12px; width:auto; top:58px; height:min(70vh, 560px);} .ask-canary-launcher{ margin-left:8px; padding:7px 10px; font-size:10px; } }