.pcd-stage{aspect-ratio:1;background:radial-gradient(circle,#14283da6 0%,#14283d4d 50%,#0000 75%);border-radius:28px;justify-content:center;align-items:center;width:min(100%,480px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #00b8d44d,inset 0 1px #ffffff0d}.pcd-halo{filter:blur(76px);z-index:0;background:radial-gradient(circle,#9ab2ff36 0%,#7a96ff24 22%,#4a78ff0f 45%,#0000 80%);border-radius:50%;width:125%;height:125%;transition:opacity .7s,animation-duration .7s;animation:6s ease-in-out infinite pcd-halo-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pcd-halo--mid{filter:blur(60px);background:radial-gradient(circle,#b2c6ff45 0%,#8aa6ff33 22%,#4a78ff17 55%,#0000 88%);width:88%;height:88%;animation:5s ease-in-out infinite reverse pcd-halo-breathe}@keyframes pcd-halo-breathe{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.pcd-orb-glow{filter:blur(58px);z-index:2;pointer-events:none;background:radial-gradient(circle,#baf2fa2e 0%,#67e8f921 18%,#22d3ee17 40%,#0891b20a 64%,#0000 92%);border-radius:50%;width:40%;height:40%;transition:opacity .7s;animation:3.4s ease-in-out infinite pcd-orb-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pcd-orb-breathe{0%,to{opacity:.82;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.pcd-orb-wrap{z-index:3;filter:drop-shadow(0 0 14px #00e5ff38)drop-shadow(0 0 30px #0891b22e);width:58%;height:58%;position:relative}.pcd-orb-wrap canvas{display:block;width:100%!important;height:100%!important}.pcd-stage[data-mode=breathing] .pcd-halo{opacity:.4}.pcd-stage[data-mode=breathing] .pcd-halo--mid{opacity:.45}.pcd-stage[data-mode=breathing] .pcd-orb-glow{opacity:.5}.pcd-stage[data-mode=thinking] .pcd-halo{opacity:.62;animation-duration:4.5s}.pcd-stage[data-mode=thinking] .pcd-halo--mid{opacity:.66;animation-duration:4s}.pcd-stage[data-mode=thinking] .pcd-orb-glow{opacity:.7;animation-duration:2.4s}.pcd-stage[data-mode=energetic] .pcd-orb-glow{animation-duration:1.6s}.pcd-stage[data-mode=energetic] .pcd-halo{animation-duration:3s}.pcd-stage[data-mode=talking] .pcd-orb-glow{animation:1.4s ease-in-out infinite pcd-orb-thump}@keyframes pcd-orb-thump{0%{opacity:.78;transform:translate(-50%,-50%)scale(.96)}14%{opacity:.95;transform:translate(-50%,-50%)scale(1.06)}28%{opacity:.84;transform:translate(-50%,-50%)scale(1)}42%{opacity:.92;transform:translate(-50%,-50%)scale(1.04)}70%{opacity:.78;transform:translate(-50%,-50%)scale(.96)}to{opacity:.78;transform:translate(-50%,-50%)scale(.96)}}.pcd-thinking-dots{color:#e0f4fa8c;opacity:0;align-items:center;gap:6px;margin-top:clamp(4px,.6vmin,8px);font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(11px,1.4vmin,14px);transition:opacity .3s;display:inline-flex}.pcd-thinking-dots.visible{opacity:1}.pcd-thinking-dots .pcd-dot{background:#00e5ff;border-radius:50%;width:5px;height:5px;animation:1.05s ease-in-out infinite pcd-bounce}.pcd-thinking-dots .pcd-dot:nth-child(2){animation-delay:.18s}.pcd-thinking-dots .pcd-dot:nth-child(3){animation-delay:.36s}@keyframes pcd-bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.pcd-query:after{content:"";vertical-align:text-bottom;background:#00e5ff;width:2px;height:1.1em;margin-left:4px;animation:1.05s step-end infinite pcd-caret;display:inline-block}@keyframes pcd-caret{0%,49%{opacity:1}50%,to{opacity:0}}.pcd-panel{-webkit-backdrop-filter:blur(10px);opacity:0;background:#ffffff0d;border:1px solid #00e5ff38;border-radius:16px;width:100%;padding:clamp(16px,2.4vmin,28px) clamp(18px,2.6vmin,30px);transition:opacity .6s,transform .6s;position:relative;transform:translateY(8px);box-shadow:0 16px 40px -16px #00b8d466,inset 0 1px #ffffff0f}.pcd-panel:before{content:"";-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #00e5ff38;border-left:1px solid #00e5ff38;border-radius:0 0 0 4px;width:18px;height:18px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.pcd-panel.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.pcd-query:after,.pcd-thinking-dots .pcd-dot,.pcd-halo,.pcd-halo--mid,.pcd-orb-glow,.pcd-stage[data-mode] .pcd-halo,.pcd-stage[data-mode] .pcd-halo--mid,.pcd-stage[data-mode] .pcd-orb-glow{animation:none!important}}