.oakey-live{--oakey-green:#19e08c;--oakey-green-bright:#63ffb7;--oakey-green-soft:#19e08c59;--oakey-orange:#ffb347;--oakey-orange-strong:#ff8b2b;--oakey-shadow-green:#19e08c3d;--oakey-shadow-orange:#ff8b2b47;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .18s,filter .22s;display:inline-flex;position:relative}.oakey-live:hover{transform:scale(1.04)}.oakey-live__svg{width:100%;height:100%;display:block;overflow:visible}.oakey-live__float{transform-origin:50%;animation:3.8s ease-in-out infinite oakeyIdleFloat}.oakey-live__ring{stroke-linecap:round;transform-origin:128px 73px}.oakey-live__ring--base{stroke:var(--oakey-green);stroke-width:7px;opacity:.72;filter:url(#oakeyGlow)}.oakey-live__ring--highlight{stroke:#c5ffe6;stroke-width:2.2px;opacity:.82}.oakey-live__body{filter:drop-shadow(0 0 14px #0000002e)}.oakey-live__eye{filter:drop-shadow(0 0 10px #19e08c85)}.oakey-live__eyes{transform-origin:128px 143px}.oakey-live__side-glow{stroke:#00e58a;stroke-width:4px;stroke-linecap:round;opacity:.88;filter:url(#oakeyGlow)}.oakey-live__smile{stroke:#0a0c0d;stroke-width:4.5px;stroke-linecap:round}.oakey-live--idle .oakey-live__float{animation:3.8s ease-in-out infinite oakeyIdleFloat}.oakey-live--idle .oakey-live__ring--base{animation:4s ease-in-out infinite oakeyRingGlow}.oakey-live--idle .oakey-live__ring--highlight{animation:4s ease-in-out infinite oakeyRingHighlight}.oakey-live--idle .oakey-live__eyes{animation:2.6s ease-in-out infinite oakeyEyePulse}.oakey-live--thinking .oakey-live__ring--base{animation:1.2s ease-in-out infinite oakeyRingGlow}.oakey-live--thinking .oakey-live__ring--highlight{animation:1.2s ease-in-out infinite oakeyRingHighlight}.oakey-live--thinking .oakey-live__float{animation:2.1s ease-in-out infinite oakeyThinkingFloat}.oakey-live--thinking .oakey-live__eye{filter:drop-shadow(0 0 14px #19e08cb8)}.oakey-live--executing .oakey-live__float{animation:1.2s ease-in-out infinite oakeyExecutingLift}.oakey-live--executing .oakey-live__ring--base{stroke:var(--oakey-green-bright);filter:drop-shadow(0 0 14px #63ffb7b3);animation:.8s ease-in-out infinite oakeyRingGlow}.oakey-live--executing .oakey-live__ring--highlight{animation:.8s ease-in-out infinite oakeyRingHighlight}.oakey-live--executing .oakey-live__side-glow{stroke:var(--oakey-green-bright);filter:drop-shadow(0 0 12px #63ffb7b8)}.oakey-live--executing .oakey-live__eye{filter:drop-shadow(0 0 16px #63ffb7d1)}.oakey-live--alert .oakey-live__float{animation:.9s ease-in-out infinite oakeyAlertShake}.oakey-live--alert .oakey-live__ring--base{stroke:var(--oakey-orange-strong);filter:drop-shadow(0 0 12px var(--oakey-shadow-orange));animation:.8s ease-in-out infinite oakeyAlertPulse}.oakey-live--alert .oakey-live__ring--highlight{stroke:#ffe0b8;animation:.8s ease-in-out infinite oakeyAlertPulse}.oakey-live--alert .oakey-live__side-glow{stroke:var(--oakey-orange);filter:drop-shadow(0 0 10px #ffb347b3)}.oakey-live--alert .oakey-live__eye{filter:drop-shadow(0 0 14px #ffb347c7)}.oakey-live--builder .oakey-live__ring--base{stroke:#ff8b2b;filter:drop-shadow(0 0 10px #ff8b2b66)}.oakey-live--builder .oakey-live__ring--highlight{stroke:#ffe0b8}.oakey-live--builder .oakey-live__side-glow{stroke:#ff8b2b;filter:drop-shadow(0 0 10px #ff8b2ba6)}.oakey-live--builder .oakey-live__eye{filter:drop-shadow(0 0 10px #ff8b2b99)}.oakey-live--inspector .oakey-live__ring--base{stroke:#a855f7;filter:drop-shadow(0 0 10px #a855f766)}.oakey-live--inspector .oakey-live__ring--highlight{stroke:#e9d5ff}.oakey-live--inspector .oakey-live__side-glow{stroke:#a855f7;filter:drop-shadow(0 0 10px #a855f7a6)}.oakey-live--inspector .oakey-live__eye{filter:drop-shadow(0 0 10px #a855f799)}.oakey-live--builder.oakey-live--thinking .oakey-live__eye{filter:drop-shadow(0 0 14px #ff8b2bb8)}.oakey-live--builder.oakey-live--executing .oakey-live__ring--base{stroke:#ffb347;filter:drop-shadow(0 0 14px #ff8b2bb3)}.oakey-live--builder.oakey-live--executing .oakey-live__side-glow{stroke:#ffb347;filter:drop-shadow(0 0 12px #ff8b2bb8)}.oakey-live--builder.oakey-live--executing .oakey-live__eye{filter:drop-shadow(0 0 16px #ff8b2bd1)}.oakey-live--inspector.oakey-live--thinking .oakey-live__eye{filter:drop-shadow(0 0 14px #a855f7b8)}.oakey-live--inspector.oakey-live--executing .oakey-live__ring--base{stroke:#c084fc;filter:drop-shadow(0 0 14px #a855f7b3)}.oakey-live--inspector.oakey-live--executing .oakey-live__side-glow{stroke:#c084fc;filter:drop-shadow(0 0 12px #a855f7b8)}.oakey-live--inspector.oakey-live--executing .oakey-live__eye{filter:drop-shadow(0 0 16px #a855f7d1)}@keyframes oakeyIdleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes oakeyThinkingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes oakeyExecutingLift{0%,to{transform:translateY(-2px)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}@keyframes oakeyRingGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes oakeyRingHighlight{0%,to{opacity:.6}50%{opacity:1}}@keyframes oakeyEyePulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes oakeyAlertPulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes oakeyAlertShake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media (prefers-reduced-motion:reduce){.oakey-live__float,.oakey-live__ring--base,.oakey-live__ring--highlight,.oakey-live__eyes{animation:none!important}.oakey-live,.oakey-live *{transition:none!important}}