/* Anant guide: floating robot + speech bubble + mini chat. Loaded deferred; no external assets. */
.ag{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--ag-lift,0px));z-index:45;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#eef3ff;max-width:calc(100vw - 32px)}
.ag *{box-sizing:border-box}
body:has(.drawer.open) .ag,body:has(.sheet.open) .ag{display:none}
.ag-btn{display:block;width:48px;height:48px;padding:0;border:1.5px solid #FF7A1A;border-radius:50%;background:#0a0e3f;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .25s ease,opacity .25s ease}
.ag-btn:hover{border-color:#FFB27A}
.ag button:focus-visible,.ag a:focus-visible,.ag input:focus-visible{outline:2px solid #FFB27A;outline-offset:2px}
.ag-svg{display:block;width:100%;height:100%;overflow:visible}
.ag-svg *{transform-box:fill-box}
.ag-peek .ag-btn{transform:translateX(calc(100% - 12px));opacity:.65}
.ag-peek .ag-btn:hover,.ag-peek .ag-btn:focus-visible{transform:none;opacity:1}
/* robot parts per state */
.ag-svg .e-h,.ag-svg .m-t,.ag-svg .arm{display:none}
.ag[data-s=happy] .e-o,.ag[data-s=happy] .m-i{display:none}
.ag[data-s=happy] .e-h{display:inline}
.ag[data-s=talk] .m-i{display:none}
.ag[data-s=talk] .m-t{display:inline}
.ag[data-s=point] .arm{display:inline}
.ag-svg .ant{fill:#FFB27A}
/* speech bubble + panel */
.ag-tip,.ag-panel{position:absolute;right:0;bottom:calc(100% + 10px);background:#0a0e3f;border:1px solid #FF7A1A;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s ease}
.ag-tip{width:max-content;max-width:min(290px,calc(100vw - 32px));padding:10px 30px 10px 12px}
.ag-tip::after{content:"";position:absolute;right:18px;bottom:-6px;width:10px;height:10px;background:#0a0e3f;border-right:1px solid #FF7A1A;border-bottom:1px solid #FF7A1A;transform:rotate(45deg)}
.ag-tip.ag-on,.ag-panel.ag-on{opacity:1;pointer-events:auto}
.ag-tt{margin:0}
.ag-x{position:absolute;top:2px;right:2px;width:26px;height:26px;border:0;background:none;color:#a9b8e8;font-size:18px;line-height:1;cursor:pointer;border-radius:50%}
.ag-x:hover{color:#fff}
.ag-tip:not(.ag-on) .ag-x{visibility:hidden}
.ag-top .ag-tip{position:fixed;top:72px;bottom:auto;right:16px}
.ag-top .ag-tip::after{display:none}
.ag-quiet .ag-tip{opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;padding:0;border:0;clip-path:inset(50%)}
.ag-quiet .ag-tip .ag-x{display:none}
.ag-panel{visibility:hidden;width:min(320px,calc(100vw - 32px));max-height:min(72vh,480px);overflow:auto;padding:12px}
.ag-panel.ag-on{visibility:visible}
.ag-hd{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.ag-hd strong{flex:1;font-size:13px;letter-spacing:.04em}
.ag-step{font-size:12px;color:#a9b8e8}
.ag-msg{margin:0 0 10px}
.ag-msg div{margin:2px 0}
.ag-opts{display:flex;flex-direction:column;gap:6px}
.ag-b,.ag-link{display:block;width:100%;text-align:left;font:inherit;color:#eef3ff;background:rgba(255,122,26,.16);border:1px solid #FF7A1A;border-radius:10px;padding:8px 10px;cursor:pointer;text-decoration:none}
.ag-b:hover,.ag-link:hover{background:rgba(255,122,26,.34)}
.ag-b.ag-ghost{background:none;border-color:rgba(169,184,232,.4);color:#a9b8e8}
.ag-row{display:flex;gap:6px;margin:0 0 8px}
.ag-row[hidden]{display:none}
.ag-in{flex:1;min-width:0;font:inherit;font-size:16px;color:#fff;background:#050a24;border:1px solid #FF7A1A;border-radius:10px;padding:8px 10px}
.ag-row .ag-b{width:auto}
/* motion (only when allowed) */
@media (prefers-reduced-motion:no-preference){
.ag-svg{animation:ag-bob 3.4s ease-in-out infinite}
.ag-svg .eyes{animation:ag-blink 5s infinite;transform-origin:center}
.ag[data-s=talk] .ag-svg{animation:ag-hop .5s ease-out 2}
.ag[data-s=point] .ag-svg{transform:rotate(-7deg)}
.ag[data-s=talk] .m-t{animation:ag-talk .22s ease-in-out infinite alternate;transform-origin:center}
.ag-tip,.ag-panel{transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.ag-tip.ag-on,.ag-panel.ag-on{transform:none}
}
@keyframes ag-bob{50%{transform:translateY(-3px)}}
@keyframes ag-hop{40%{transform:translateY(-9px)}}
@keyframes ag-blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
@keyframes ag-talk{to{transform:scaleY(.4)}}
@media (max-width:480px){.ag{right:12px}.ag-btn{width:44px;height:44px}.ag-top .ag-tip{right:12px}}
@media print{.ag{display:none}}