.npai-floating{width:160px;transition:transform .55s cubic-bezier(.22,.82,.22,1),opacity .3s ease}
.npai-right.npai-drawer-awaiting,.npai-right.npai-drawer-hidden{transform:translateX(182px)}
.npai-left.npai-drawer-awaiting,.npai-left.npai-drawer-hidden{transform:translateX(-182px)}
.npai-drawer-awaiting{opacity:0;pointer-events:none}
.npai-drawer-hidden .npai-mascot{opacity:0}
.npai-mascot{position:absolute;z-index:1;right:-15px;bottom:30px;width:190px;height:150px;pointer-events:none;opacity:1;transition:bottom .45s ease}
.npai-left .npai-mascot{right:auto;left:-15px}
.npai-mascot.npai-mascot-show{bottom:35px}
.npai-launcher,.npai-panel{z-index:2}.npai-launcher{position:relative;width:160px;justify-content:center}
.npai-drawer-toggle{position:absolute;z-index:4;left:-32px;bottom:8px;width:32px;height:38px;border:0;border-radius:12px 0 0 12px;background:#17202a;color:#fff;box-shadow:-3px 3px 10px rgba(0,0,0,.18);font:800 24px/1 sans-serif;display:grid;place-items:center;cursor:pointer;transition:background .2s ease}
.npai-left .npai-drawer-toggle{left:auto;right:-32px;border-radius:0 12px 12px 0;box-shadow:3px 3px 10px rgba(0,0,0,.18)}
.npai-drawer-toggle:hover,.npai-drawer-toggle:focus{background:var(--npai-accent)}
.npai-drawer-toggle[hidden]{display:none}
.npai-mascot-robot{position:absolute;left:10px;bottom:0;width:170px;height:114px;overflow:hidden;border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 7px 7px rgba(0,0,0,.24))}
.npai-mascot-robot img{position:absolute;width:170px;height:auto;left:0;bottom:-1px;display:block;animation:npai-peek-breathe 3.5s ease-in-out infinite}
.npai-mascot-bubble{position:absolute;right:28px;bottom:118px;max-width:205px;min-width:120px;background:#fff;color:#17202a;border:3px solid #17202a;border-radius:18px;padding:10px 13px;font:700 13px/1.3 Inter,system-ui,sans-serif;text-align:left;box-shadow:5px 5px 0 rgba(183,149,69,.9);pointer-events:auto;cursor:pointer;transform:scale(.72) rotate(2deg);transform-origin:bottom right;opacity:0;visibility:hidden;transition:transform .35s ease,opacity .3s ease,visibility 0s .35s}
.npai-left .npai-mascot-bubble{right:auto;left:28px;transform-origin:bottom left}
.npai-mascot-show .npai-mascot-bubble{transform:scale(1) rotate(-1deg);opacity:1;visibility:visible;transition-delay:0s}
.npai-mascot-bubble:after{content:"";position:absolute;right:25px;bottom:-14px;width:20px;height:20px;background:#fff;border-right:3px solid #17202a;border-bottom:3px solid #17202a;transform:rotate(45deg)}
@keyframes npai-peek-breathe{0%,100%{transform:translateY(3px)}50%{transform:translateY(0)}}
@media(max-width:520px){.npai-right.npai-drawer-awaiting,.npai-right.npai-drawer-hidden{transform:translateX(172px)}.npai-left.npai-drawer-awaiting,.npai-left.npai-drawer-hidden{transform:translateX(-172px)}.npai-mascot{right:-2px;transform:scale(.86);transform-origin:bottom right}.npai-left .npai-mascot{left:-2px;right:auto;transform-origin:bottom left}}
@media(prefers-reduced-motion:reduce){.npai-mascot,.npai-mascot-bubble{transition:none}.npai-mascot-robot img{animation:none}}
.npai-name-picker{margin:0 12px 10px;padding:12px;background:#fff9e9;border:1px solid #dec778;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:13px}
.npai-name-picker[hidden]{display:none}
.npai-name-picker strong{display:block;color:#17202a;margin-bottom:3px}
.npai-name-picker p{margin:0 0 9px;color:#5d6670}
.npai-name-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.npai-name-options button{border:1px solid var(--npai-accent);background:#fff;color:#17202a;border-radius:999px;padding:5px 10px;font:700 12px/1.2 inherit;cursor:pointer}
.npai-name-options button:hover,.npai-name-options button:focus{background:var(--npai-accent);color:#fff}
.npai-custom-name{display:flex;gap:6px}
.npai-custom-name input{min-width:0;flex:1;border:1px solid #c9cfd5;border-radius:8px;padding:7px 9px;font:inherit}
.npai-custom-name button{border:0;border-radius:8px;background:#17202a;color:#fff;padding:7px 10px;font-weight:700;cursor:pointer}
.npai-panel header{position:relative;z-index:1;min-height:110px;padding:18px 16px 20px 170px;overflow:visible}
.npai-avatar{position:absolute!important;left:10px;bottom:-10px;overflow:hidden;background:transparent!important;width:150px;height:100px;border-radius:0}
.npai-avatar img{position:absolute;width:150px;height:auto;left:0;bottom:0;object-fit:contain;object-position:center bottom;display:block;transform:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.28))}
.npai-panel .npai-messages{position:relative;z-index:2}
.npai-starstruck .npai-avatar:after{content:"✨";position:absolute;right:-12px;top:-12px;font-size:20px;animation:npai-starry .7s ease-in-out infinite alternate}
@keyframes npai-starry{from{transform:scale(.75) rotate(-12deg);opacity:.65}to{transform:scale(1.2) rotate(10deg);opacity:1}}