.pip-root{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.pip-root--interactive{cursor:pointer;outline:none}.pip-character{isolation:isolate;will-change:transform;justify-content:center;align-items:center;animation:7.5s ease-in-out infinite pip-idle-life;display:flex;position:relative}.pip-shell{z-index:3;width:78%;height:78%;transition:box-shadow .3s var(--ease-out),filter .3s var(--ease-out);background:linear-gradient(145deg,#fff 0%,#f5f9ff 26%,#eaf2ff 53%,#dbeafe 76%,#ede9fe 112%);border:1px solid #ffffffdb;border-radius:46% 54% 51% 49%/49% 45% 55% 51%;animation:7s ease-in-out infinite pip-morph;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffffa,inset 0 -12px 28px #2563eb11,0 14px 34px #2563eb29}.pip-shell:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff94;position:absolute;inset:5px}.pip-shell__inner{border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:8%}.pip-shell__shine{filter:blur(4px);pointer-events:none;background:#ffffffe0;border-radius:999px;width:35%;height:21%;position:absolute;top:9%;left:16%;transform:rotate(-18deg)}.pip-shadow{filter:blur(7px);background:#2563eb21;border-radius:50%;width:50%;height:10%;animation:7.5s ease-in-out infinite pip-shadow;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.pip-face{width:78%;height:62%;overflow:visible}.pip-eye{fill:#fff;stroke:#1e40af24;stroke-width:1px}.pip-eye-line,.pip-brow,.pip-mouth{fill:none;stroke:#334155;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.pip-brow{stroke-width:2.8px}.pip-mouth-fill{fill:#475569}.pip-pupil{fill:#172554}.pip-pupil-group{transform-origin:50%;animation:6s ease-in-out infinite pip-look}.pip-eye-glint{fill:#fff}.pip-cheek{fill:#93c5fd;opacity:.28}.pip-root:not([data-mood=sleeping]) .pip-eyes{transform-box:fill-box;transform-origin:50%;animation:5.7s ease-in-out infinite pip-blink}.pip-hand{z-index:4;pointer-events:none;justify-content:center;align-items:center;width:20%;height:20%;display:flex;position:absolute}.pip-hand span{background:linear-gradient(145deg,#fff,#eaf2ff 62%,#dbeafe);border:1px solid #2563eb1a;border-radius:60% 50% 58% 52%;width:62%;height:75%;box-shadow:inset 0 1px #ffffffe6,0 6px 13px #2563eb24}.pip-hand--left{animation:5.8s ease-in-out infinite pip-left-hand;top:52%;left:-1%;transform:rotate(-20deg)}.pip-hand--right{animation:5.8s ease-in-out infinite pip-right-hand;top:49%;right:-1%;transform:rotate(20deg)}.pip-root--interactive:hover .pip-character{transform:translateY(-3px)scale(1.025)}.pip-root--interactive:hover .pip-shell{box-shadow:inset 0 1px #fffffffa,inset 0 -12px 28px #2563eb14,0 18px 42px #2563eb38}.pip-root--interactive:hover .pip-hand--right{animation:.68s ease-in-out infinite alternate pip-wave}.pip-root--interactive:focus-visible .pip-character{filter:drop-shadow(0 0 .45rem #2563eb3d)}.pip-root[data-mood=happy] .pip-shell,.pip-root[data-mood=success] .pip-shell,.pip-root[data-mood=celebrating] .pip-shell{box-shadow:inset 0 1px #fffffffa,inset 0 -11px 26px #2563eb11,0 17px 40px #2563eb33}.pip-root[data-mood=celebrating] .pip-hand--left{animation:.7s ease-in-out infinite alternate pip-celebrate-left}.pip-root[data-mood=celebrating] .pip-hand--right{animation:.7s ease-in-out infinite alternate pip-celebrate-right}.pip-root[data-mood=thinking] .pip-character{animation:2.4s ease-in-out infinite pip-thinking}.pip-root[data-mood=concerned] .pip-shell,.pip-root[data-mood=error] .pip-shell{background:linear-gradient(145deg,#fff,#f8fafc 52%,#fee2e2 125%)}.pip-root[data-mood=sleeping] .pip-character{animation:4.8s ease-in-out infinite pip-sleep}.pip-dock{z-index:500;pointer-events:none;position:fixed;bottom:18px;right:22px}.pip-dock__trigger{pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:flex-end;width:104px;height:100px;padding:0;transition:transform .36s cubic-bezier(.16,1,.3,1),filter .36s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.pip-dock__trigger:hover{filter:drop-shadow(0 10px 18px #2563eb24);transform:translateY(-4px)scale(1.025)}.pip-dock__trigger:hover .pip-hand--right{animation:.68s ease-in-out infinite alternate pip-wave}.pip-dock__label{z-index:-1;color:#475569;opacity:0;background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:999px 7px 7px 999px;align-items:center;gap:5px;width:max-content;padding:7px 12px 7px 10px;font-size:10px;font-weight:700;transition:opacity .26s,transform .36s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:31px;right:74px;transform:translate(9px);box-shadow:0 8px 26px #0f172a14}.pip-dock__trigger:hover .pip-dock__label{opacity:1;transform:translate(0)}.pip-dock__pulse{background:#10b981;border:2px solid #fff;border-radius:50%;width:11px;height:11px;animation:3.4s ease-out infinite pip-dock-pulse;position:absolute;bottom:17px;right:7px;box-shadow:0 0 #10b98138}.pip-chat{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#fffffffa;border:1px solid #cbd5e1e6;border-radius:19px;flex-direction:column;width:390px;height:min(590px,100vh - 145px);display:flex;position:absolute;bottom:105px;right:5px;overflow:hidden;box-shadow:0 30px 80px #0f172a29,0 5px 20px #0f172a0f}.pip-chat:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#2563eb66,#0000);height:1px;position:absolute;top:0;left:18px;right:18px}.pip-chat__messages{background:linear-gradient(#f8fafcc7,#fff 80%);flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.pip-thinking-dot{background:#94a3b8;border-radius:50%;width:4px;height:4px;animation:1.15s ease-in-out infinite pip-thinking-dot}.pip-thinking-dot:nth-child(2){animation-delay:.13s}.pip-thinking-dot:nth-child(3){animation-delay:.26s}@keyframes pip-idle-life{0%,12%,42%,to{transform:rotate(0)scale(1)}22%{transform:rotate(-1.2deg)scale(1.008)}29%{transform:rotate(.8deg)scale(1.012)}}@keyframes pip-morph{0%,to{border-radius:46% 54% 51% 49%/49% 45% 55% 51%}50%{border-radius:53% 47% 46% 54%/45% 54% 46% 55%}}@keyframes pip-look{0%,22%,to{transform:translate(0)}30%,45%{transform:translate(2px,.3px)}60%,73%{transform:translate(-2px,-.3px)}}@keyframes pip-blink{0%,43%,47%,to{transform:scaleY(1)}44%,46%{transform:scaleY(.08)}}@keyframes pip-left-hand{0%,to{transform:translateY(0)rotate(-20deg)}50%{transform:translateY(-2px)rotate(-15deg)}}@keyframes pip-right-hand{0%,to{transform:translateY(0)rotate(20deg)}50%{transform:translateY(-2px)rotate(15deg)}}@keyframes pip-wave{0%{transform:translateY(-3px)rotate(18deg)}to{transform:translateY(-10px)rotate(42deg)}}@keyframes pip-shadow{0%,to{opacity:.8;transform:translate(-50%)scaleX(1)}50%{opacity:.55;transform:translate(-50%)scaleX(.9)}}@keyframes pip-thinking{0%,to{transform:rotate(-2deg)}50%{transform:translateY(-3px)rotate(3deg)}}@keyframes pip-sleep{0%,to{transform:translateY(2px)rotate(-2deg)}50%{transform:translateY(-2px)rotate(2deg)}}@keyframes pip-celebrate-left{0%{transform:rotate(-30deg)}to{transform:translateY(-12px)rotate(-55deg)}}@keyframes pip-celebrate-right{0%{transform:rotate(30deg)}to{transform:translateY(-12px)rotate(55deg)}}@keyframes pip-dock-pulse{0%{box-shadow:0 0 #10b98133}38%,to{box-shadow:0 0 0 7px #10b98100}}@keyframes pip-thinking-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (width<=640px){.pip-dock{bottom:9px;right:10px}.pip-chat{border-radius:17px;width:auto;height:min(570px,100vh - 128px);position:fixed;bottom:104px;left:10px;right:10px}.pip-dock__label{display:none}}@media (prefers-reduced-motion:reduce){.pip-character,.pip-shell,.pip-shadow,.pip-hand,.pip-eyes,.pip-pupil-group{animation:none!important}}