.ask-ai-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:flex-end;justify-content:flex-end;padding:1.5rem}.ask-ai-modal{width:100%;max-width:420px;background:var(--clr-surface);border:1px solid var(--clr-border);border-top:2px solid var(--clr-accent);display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.ask-ai-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--clr-border)}.ask-ai-header-left{display:flex;align-items:center;gap:.75rem}.ask-ai-avatar{width:32px;height:32px;background:var(--clr-accent-dim);border:1px solid var(--clr-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.ask-ai-title{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--clr-text-primary);letter-spacing:.05em}.ask-ai-subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--clr-status-active);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.3rem}.ask-ai-close{font-family:var(--font-mono);font-size:.8rem;color:var(--clr-text-secondary);background:none;border:1px solid var(--clr-border);padding:.3rem .6rem;cursor:pointer;transition:border-color .15s,color .15s}.ask-ai-close:hover{border-color:var(--clr-accent-subtle);color:var(--clr-text-primary)}.ask-ai-body{padding:1.25rem;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:1rem}.ask-ai-intro{font-size:.88rem;color:var(--clr-text-secondary);line-height:1.6;padding:.75rem;background:var(--clr-surface-raised);border-left:2px solid var(--clr-accent)}.ask-ai-suggestions-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-text-muted);margin-bottom:.5rem}.ask-ai-suggestions{display:flex;flex-direction:column;gap:.4rem}.ask-ai-suggestion{font-size:.82rem;color:var(--clr-text-secondary);padding:.6rem .75rem;background:var(--clr-bg-secondary);border:1px solid var(--clr-border);text-align:left;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.4}.ask-ai-suggestion:hover:not(:disabled){border-color:var(--clr-accent-subtle);color:var(--clr-text-primary)}.ask-ai-suggestion:disabled{opacity:.5;cursor:not-allowed}.ask-ai-messages{display:flex;flex-direction:column;gap:.75rem}.ask-ai-message{max-width:85%;padding:.6rem .85rem;font-size:.85rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ask-ai-message--user{align-self:flex-end;background:var(--clr-accent-dim);border:1px solid var(--clr-accent);color:var(--clr-text-primary)}.ask-ai-message--assistant{align-self:flex-start;background:var(--clr-surface-raised);border:1px solid var(--clr-border);color:var(--clr-text-secondary)}.ask-ai-typing{display:flex;gap:4px;align-items:center;padding:2px 0}.ask-ai-typing span{width:6px;height:6px;background:var(--clr-accent);border-radius:50%;animation:typing-bounce 1.2s infinite}.ask-ai-typing span:nth-child(2){animation-delay:.2s}.ask-ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.ask-ai-suggestion:before{content:"→ ";color:var(--clr-accent);font-family:var(--font-mono)}.ask-ai-footer{padding:1rem 1.25rem;border-top:1px solid var(--clr-border);background:var(--clr-bg)}.ask-ai-input-wrap{display:flex;gap:.5rem;align-items:center}.ask-ai-input{flex:1 1;background:var(--clr-surface-raised);border:1px solid var(--clr-border);padding:.5rem .75rem;font-family:var(--font-sans);font-size:.82rem;color:var(--clr-text-primary);outline:none;transition:border-color .15s}.ask-ai-input:focus{border-color:var(--clr-accent-subtle)}.ask-ai-input::placeholder{color:var(--clr-text-muted);font-style:italic}.ask-ai-input:disabled{opacity:.5;cursor:not-allowed}.ask-ai-send{font-size:.8rem;padding:.5rem .75rem;background:var(--clr-accent);color:var(--clr-bg);border:1px solid var(--clr-accent);cursor:pointer;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.ask-ai-send:hover:not(:disabled){opacity:.85}.ask-ai-send:disabled{opacity:.35;cursor:not-allowed}@media (max-width:480px){.ask-ai-overlay{padding:0;align-items:flex-end}.ask-ai-modal{max-width:100%;max-height:90vh;border-left:none;border-right:none;border-bottom:none}}