:root{--robot-color:#25d366;--body-white:#f8fafc;--robot-bg:#0f172a}.sidebar-robot{padding:20px}.robot-card,.sidebar-robot{display:flex;justify-content:center;width:100%}.robot-card{position:relative;max-width:480px;align-items:center;background:transparent;border:none;box-shadow:none;backdrop-filter:none}#robot-canvas{height:100%;width:100%;cursor:pointer;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.robot-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,var(--robot-color),transparent 70%);opacity:.1;pointer-events:none;z-index:0;display:none}.robot-card #robot-canvas{cursor:pointer}.robot-canvas-fun{animation:robot-bounce .6s ease}.robot-canvas-angry{filter:drop-shadow(0 10px 20px rgba(255,70,70,.35))}.robot-canvas-collapse{animation:robot-collapse 1.2s ease forwards}.robot-canvas-reappear{animation:robot-reappear .6s ease}.robot-bubble{position:absolute;width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),rgba(37,211,102,.2));opacity:0;pointer-events:none;animation:robot-bubble .9s ease forwards;z-index:2}.robot-bubble.robot-bubble-angry{background:radial-gradient(circle at 30% 30%,rgba(255,210,210,.9),rgba(255,70,70,.35))}.robot-pop{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.4px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#eafff6;animation:robot-pop .9s ease forwards;pointer-events:none;z-index:2}@keyframes robot-bounce{0%{transform:scale(1)}35%{transform:scale(1.04)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes robot-glow-pulse{0%{opacity:.1;transform:scale(1)}50%{opacity:.35;transform:scale(1.1)}to{opacity:.1;transform:scale(1)}}@keyframes robot-collapse{0%{opacity:1;transform:scale(1)}40%{opacity:.2;transform:scale(.94)}to{opacity:0;transform:scale(.9)}}@keyframes robot-reappear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes robot-bubble{0%{opacity:0;transform:translateY(0) scale(.6)}40%{opacity:.8}to{opacity:0;transform:translateY(-16px) scale(1.1)}}@keyframes robot-pop{0%{opacity:0;transform:translate(-50%,6px)}30%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}