/* Adil Assistant widget: matches theadil.me (black, Rajdhani, #111 cards w/ inset glow, 24px radius, orange accent) */
#aa-root{--aa-accent:#f3500f;--aa-bg:#0b0b0b;--aa-panel:#111;--aa-bot:#1a1a1a;--aa-field:#161616;--aa-line:rgba(255,255,255,.08);--aa-fg:#fff;--aa-muted:#888;--aa-wa:#25d366;
  --aa-ease:cubic-bezier(.2,.8,.2,1);font-family:'Rajdhani',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.45;color:var(--aa-fg)}
#aa-root *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

/* ---- launcher bubble ---- */
.aa-bubble{position:fixed;right:22px;bottom:22px;z-index:99998;width:58px;height:58px;border-radius:50%;border:1px solid var(--aa-line);
  background:var(--aa-panel);color:var(--aa-fg);cursor:pointer;display:grid;place-items:center;
  box-shadow:0 0 20px rgba(103,103,103,.25) inset,0 12px 30px rgba(0,0,0,.55);
  transition:transform .25s var(--aa-ease),border-color .25s,box-shadow .25s}
.aa-bubble:hover{transform:translateY(-2px) scale(1.05);border-color:rgba(243,80,15,.6);box-shadow:0 0 20px rgba(103,103,103,.25) inset,0 0 0 6px rgba(243,80,15,.12),0 14px 34px rgba(0,0,0,.6)}
.aa-bubble:active{transform:scale(.96)}
.aa-bubble .aa-ic{position:absolute;width:26px;height:26px;transition:opacity .25s var(--aa-ease),transform .3s var(--aa-ease)}
.aa-bubble .aa-ic-x{opacity:0;transform:rotate(-90deg) scale(.5)}
.aa-bubble.is-open .aa-ic-chat{opacity:0;transform:rotate(90deg) scale(.5)}
.aa-bubble.is-open .aa-ic-x{opacity:1;transform:none}
.aa-bubble::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(243,80,15,.55);opacity:0;animation:aa-ping 2.4s var(--aa-ease) .8s 3}
.aa-bubble.is-open::after{animation:none}
@keyframes aa-ping{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}

/* ---- panel ---- */
.aa-panel{position:fixed;right:22px;bottom:92px;z-index:99999;width:390px;max-width:calc(100vw - 24px);height:600px;max-height:calc(100vh - 116px);
  display:flex;flex-direction:column;overflow:hidden;background:var(--aa-panel);color:var(--aa-fg);border:1px solid var(--aa-line);border-radius:24px;
  box-shadow:0 0 20px rgba(103,103,103,.25) inset,0 30px 70px rgba(0,0,0,.65);
  opacity:0;transform:translateY(18px) scale(.94);transform-origin:100% 100%;visibility:hidden;pointer-events:none;
  transition:opacity .22s var(--aa-ease),transform .22s var(--aa-ease),visibility 0s linear .22s}
.aa-panel.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .28s var(--aa-ease),transform .32s var(--aa-ease),visibility 0s}

.aa-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--aa-line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.aa-avatar{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ff7a3d,var(--aa-accent) 60%,#b83507);color:#fff;font-weight:700;font-size:20px;letter-spacing:-.5px;box-shadow:0 0 0 3px rgba(243,80,15,.15)}
.aa-title{flex:1;min-width:0}
.aa-title b{display:block;font-weight:600;font-size:18px;line-height:1.1;letter-spacing:-.2px}
.aa-title small{display:flex;align-items:center;gap:6px;color:var(--aa-muted);font-size:13px;margin-top:3px}
.aa-title small::before{content:"";width:7px;height:7px;border-radius:50%;background:#1fd36a;box-shadow:0 0 0 3px rgba(31,211,106,.18)}
.aa-actions{display:flex;align-items:center;gap:8px}
.aa-iconbtn{width:36px;height:36px;border-radius:50%;border:1px solid var(--aa-line);background:var(--aa-bot);color:var(--aa-fg);display:grid;place-items:center;cursor:pointer;text-decoration:none;font-size:20px;line-height:1;transition:transform .2s var(--aa-ease),background .2s,border-color .2s}
.aa-iconbtn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2);background:#222}
.aa-iconbtn.aa-wa-head{background:var(--aa-wa);border-color:transparent;color:#fff}
.aa-iconbtn.aa-wa-head:hover{filter:brightness(1.08)}
.aa-iconbtn svg{width:19px;height:19px}

.aa-log{flex:1;overflow-y:auto;padding:16px 14px 6px;display:flex;flex-direction:column;gap:10px;background:var(--aa-bg);scrollbar-width:thin;scrollbar-color:#333 transparent}
.aa-log::-webkit-scrollbar{width:6px}.aa-log::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:6px}
.aa-msg{max-width:86%;padding:11px 14px;border-radius:18px;white-space:pre-wrap;word-wrap:break-word;font-size:16px;font-weight:500;line-height:1.45;animation:aa-in .26s var(--aa-ease) both}
.aa-msg.bot{background:var(--aa-bot);align-self:flex-start;border-bottom-left-radius:6px;border:1px solid var(--aa-line)}
.aa-msg.user{background:var(--aa-accent);color:#fff;align-self:flex-end;border-bottom-right-radius:6px;box-shadow:0 8px 24px rgba(243,80,15,.25)}
.aa-msg.err{background:#1a0e0b;border:1px solid rgba(243,80,15,.4);color:#ffb59a;align-self:stretch;max-width:100%}
.aa-msg a{color:#ff9a6b;text-decoration:underline;text-decoration-color:rgba(255,154,107,.4);text-underline-offset:2px}
.aa-msg a:hover{color:#ffb38f}
.aa-msg b{font-weight:700}
.aa-msg a.aa-wa{display:inline-flex;align-items:center;gap:9px;margin:8px 0 2px;padding:10px 16px;border-radius:999px;background:var(--aa-wa);color:#06271a;font-size:15px;font-weight:700;letter-spacing:.2px;text-decoration:none;box-shadow:0 6px 18px rgba(37,211,102,.25);transition:transform .2s var(--aa-ease),filter .2s}
.aa-msg a.aa-wa:hover{transform:translateY(-1px);filter:brightness(1.06);color:#06271a}
.aa-msg a.aa-wa svg{width:19px;height:19px;flex:none}
@keyframes aa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.aa-typing{display:inline-flex;gap:5px;align-items:center;padding:14px 16px}
.aa-typing span{width:7px;height:7px;border-radius:50%;background:#777;animation:aa-dot 1.1s infinite var(--aa-ease)}
.aa-typing span:nth-child(2){animation-delay:.15s}.aa-typing span:nth-child(3){animation-delay:.3s}
@keyframes aa-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1;background:var(--aa-accent)}}

.aa-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 14px 12px;background:var(--aa-bg)}
.aa-chip{border:1px solid rgba(243,80,15,.3);background:rgba(243,80,15,.1);color:#fff;border-radius:20px;padding:6px 12px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s var(--aa-ease),border-color .2s;animation:aa-in .3s var(--aa-ease) both}
.aa-chip:hover{background:rgba(243,80,15,.22);border-color:rgba(243,80,15,.6);transform:translateY(-1px)}

.aa-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--aa-line);background:var(--aa-panel)}
.aa-form textarea{flex:1;resize:none;border:1px solid var(--aa-line);background:var(--aa-field);color:var(--aa-fg);border-radius:16px;padding:11px 14px;font:inherit;font-size:16px;font-weight:500;max-height:120px;outline:none;transition:border-color .2s,box-shadow .2s}
.aa-form textarea::placeholder{color:#666}
.aa-form textarea:focus{border-color:rgba(243,80,15,.7);box-shadow:0 0 0 3px rgba(243,80,15,.15)}
.aa-form button{flex:none;border:0;background:var(--aa-accent);color:#fff;border-radius:16px;padding:0 18px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .2s var(--aa-ease),filter .2s,opacity .2s}
.aa-form button svg{width:16px;height:16px}
.aa-form button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.aa-form button:disabled{opacity:.45;cursor:default;transform:none;filter:none}
.aa-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}

@media (max-width:520px){
  .aa-panel{right:0;left:0;bottom:0;width:100%;max-width:100%;height:82vh;max-height:82vh;border-radius:24px 24px 0 0;transform:translateY(24px);transform-origin:50% 100%}
  .aa-bubble{right:16px;bottom:16px}
  .aa-bubble.is-open{opacity:0;pointer-events:none;transform:scale(.6)}
}
@media (prefers-reduced-motion:reduce){#aa-root *,#aa-root *::after{transition:none!important;animation:none!important}}