/* Debbie -- agentic guide widget for jilcrypto.ai. Scoped under #debbie-root. */
#debbie-root{--dg-gold:#D4AF37;--dg-lit:#EBD07E;--dg-mint:#41E3C6;--dg-ink:#070A12;--dg-card:#0c1421;--dg-line:rgba(212,175,55,.28);--dg-dim:#93a2ba;--dg-text:#E9EFFA;position:fixed;left:44%;top:80px;z-index:2147483000;font-family:'Sora',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
#debbie-root *{box-sizing:border-box}

/* launcher orb */
#debbie-orb{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;position:relative;background:radial-gradient(circle at 36% 30%,#ffffff 0%,#ffdcee 22%,#ff9ecb 54%,#d9569a 100%);box-shadow:0 0 16px 3px rgba(255,158,203,.6),0 0 40px 11px rgba(255,120,185,.38),inset 0 -5px 11px rgba(150,40,90,.35),inset 0 4px 9px rgba(255,255,255,.7);animation:dg-breathe 3.2s ease-in-out infinite}
#debbie-orb:hover{transform:scale(1.08)}
#debbie-orb .dg-orb-core{position:absolute;top:20%;left:26%;width:34%;height:26%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 70%);pointer-events:none}
#debbie-orb::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid #ff9ecb;opacity:.5;animation:dg-pulse 2.8s ease-out infinite}
#debbie-orb svg{width:21px;height:21px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
#debbie-orb .dg-badge{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:#d9569a;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:9px;box-shadow:0 2px 7px rgba(0,0,0,.4)}
@keyframes dg-breathe{0%,100%{box-shadow:0 0 14px 3px rgba(255,158,203,.55),0 0 34px 9px rgba(255,120,185,.3),inset 0 -5px 11px rgba(150,40,90,.35),inset 0 4px 9px rgba(255,255,255,.65)}50%{box-shadow:0 0 22px 5px rgba(255,158,203,.7),0 0 52px 14px rgba(255,120,185,.45),inset 0 -5px 11px rgba(150,40,90,.35),inset 0 4px 9px rgba(255,255,255,.75)}}
@keyframes dg-pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){#debbie-orb::after{animation:none;opacity:.35}}

/* panel */
#debbie-panel{position:absolute;left:0;top:56px;width:min(384px,calc(100vw - 32px));height:min(560px,calc(100vh - 150px));background:linear-gradient(180deg,#0d1524,var(--dg-card));border:1px solid var(--dg-line);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.55);display:none;flex-direction:column;overflow:hidden;color:var(--dg-text)}
#debbie-root.open #debbie-panel{display:flex;animation:dg-in .2s ease}
@keyframes dg-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

.dg-head{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid var(--dg-line);background:linear-gradient(120deg,rgba(212,175,55,.1),transparent)}
.dg-head .dg-av{width:34px;height:34px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 30%,#fff,#ff9ecb 60%,#d9569a);display:flex;align-items:center;justify-content:center}
.dg-head .dg-av svg{width:19px;height:19px}
.dg-head h4{margin:0;font-size:14.5px;font-weight:700;color:#fff;line-height:1.15}
.dg-head .dg-sub{font-size:11.5px;color:var(--dg-dim);display:flex;align-items:center;gap:5px}
.dg-head .dg-live{width:6px;height:6px;border-radius:50%;background:var(--dg-mint);box-shadow:0 0 6px var(--dg-mint)}
.dg-head .dg-x{margin-left:auto;background:none;border:none;color:var(--dg-dim);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
.dg-head .dg-x:hover{color:#fff}

.dg-msgs{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:var(--dg-line) transparent}
.dg-msgs::-webkit-scrollbar{width:7px}.dg-msgs::-webkit-scrollbar-thumb{background:var(--dg-line);border-radius:7px}
.dg-msg{max-width:86%;padding:10px 13px;border-radius:13px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.dg-msg.u{align-self:flex-end;background:linear-gradient(120deg,var(--dg-gold),#b8912c);color:#160f00;border-bottom-right-radius:4px;font-weight:500}
.dg-msg.a{align-self:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:4px;color:var(--dg-text)}
.dg-msg.a a{color:var(--dg-mint);text-decoration:none;border-bottom:1px solid rgba(65,227,198,.4)}
.dg-msg.a a:hover{border-bottom-color:var(--dg-mint)}
.dg-typing{display:inline-flex;gap:4px;align-items:center;height:16px}
.dg-typing i{width:6px;height:6px;border-radius:50%;background:var(--dg-dim);animation:dg-bounce 1.2s infinite ease-in-out}
.dg-typing i:nth-child(2){animation-delay:.15s}.dg-typing i:nth-child(3){animation-delay:.3s}
@keyframes dg-bounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}

.dg-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 15px 12px}
.dg-chip{font-size:12px;color:var(--dg-lit);background:rgba(212,175,55,.09);border:1px solid var(--dg-line);border-radius:20px;padding:6px 11px;cursor:pointer;transition:background .15s}
.dg-chip:hover{background:rgba(212,175,55,.18)}

.dg-form{display:flex;gap:8px;padding:12px 13px;border-top:1px solid var(--dg-line);background:rgba(0,0,0,.22)}
.dg-form input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 13px;color:var(--dg-text);font-size:14px;font-family:inherit;outline:none}
.dg-form input:focus{border-color:var(--dg-gold)}
.dg-form button{flex:none;width:42px;border:none;border-radius:11px;cursor:pointer;background:linear-gradient(120deg,var(--dg-lit),var(--dg-gold));color:#160f00;font-size:17px;display:flex;align-items:center;justify-content:center}
.dg-form button:disabled{opacity:.5;cursor:default}
.dg-disc{font-size:10.5px;color:var(--dg-dim);text-align:center;padding:0 14px 10px;line-height:1.4}
[dir=rtl] #debbie-root{left:auto;right:16px}
[dir=rtl] #debbie-panel{left:auto;right:0}
@media (prefers-reduced-motion:reduce){#debbie-orb{animation:none}}