
#ai-runtime .so-stage{display:flex;justify-content:center;padding:24px 12px;min-height:460px;box-sizing:border-box}#ai-runtime .so-panel{--so-bg:light-dark(#eef5f8,#09131b);--so-ink:light-dark(#183f52,#c2e8f4);--so-muted:light-dark(#4d7184,#89a9bb);--so-cyan:light-dark(#008b9e,#52dce8);--so-blue:light-dark(#326eb7,#478fde);--so-track:light-dark(#bfd4df,#203746);--so-surface:light-dark(#8bc5d3,#163d50);--so-light:light-dark(#d2f0f5,#3c7788);--so-shadow:light-dark(#426477,#07111c);--so-speed:26s;width:224px;padding:26px 22px;border-radius:16px;background:var(--so-bg);color:var(--so-ink);font-family:Consolas,monospace;text-align:center;box-sizing:border-box}#ai-runtime .so-top{font-size:8px;letter-spacing:1px;color:var(--so-cyan)}#ai-runtime .so-host{font-size:10px;letter-spacing:2px;margin-top:9px}#ai-runtime .so-scene{height:170px;display:grid;place-items:center;position:relative;margin:10px 0 6px}#ai-runtime .so-ball{width:118px;height:118px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 28% 23%,var(--so-light),var(--so-surface) 40%,var(--so-shadow) 82%);box-shadow:inset -14px -10px 20px color-mix(in srgb,var(--so-shadow) 70%,transparent),0 0 16px color-mix(in srgb,var(--so-cyan) 8%,transparent);z-index:2}#ai-runtime .so-grid{position:absolute;inset:0;transform:rotate(-17deg);transform-style:preserve-3d;opacity:.25}#ai-runtime .so-grid i{position:absolute;inset:0;border:1px solid var(--so-cyan);border-radius:50%;animation:so-spin var(--so-speed) linear infinite}#ai-runtime .so-grid i:nth-child(2){animation-delay:calc(var(--so-speed) / -3)}#ai-runtime .so-grid i:nth-child(3){animation-delay:calc(var(--so-speed) / -1.5)}#ai-runtime .so-grid i:nth-child(4){animation:none;transform:scaleY(.45)}#ai-runtime .so-grid i:nth-child(5){animation:none;transform:scaleY(.78)}#ai-runtime .so-monogram{position:absolute;inset:0;display:grid;place-items:center;color:var(--so-cyan);font-size:20px;opacity:.7}#ai-runtime .so-values{display:grid;gap:12px;text-align:left;margin:4px 6px 0}#ai-runtime .so-measure{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.7px;margin-bottom:6px}#ai-runtime .so-measure b{font-weight:400;color:var(--so-cyan)}#ai-runtime .so-track{height:3px;background:var(--so-track);border-radius:3px;overflow:hidden}#ai-runtime .so-track span{display:block;height:100%;background:var(--so-cyan);transition:width .7s}#ai-runtime .so-track.so-ram span{background:var(--so-blue)}#ai-runtime .so-memory{font-size:8px;color:var(--so-muted);margin:12px 0 0}#ai-runtime .so-brand{font-size:12px;letter-spacing:2px;margin-top:22px}#ai-runtime .so-status{font-size:9px;color:var(--so-cyan);letter-spacing:2px;margin:7px 0 18px}#ai-runtime button{font:10px Consolas,monospace;padding:9px 13px;border:1px solid var(--so-track);border-radius:7px;background:transparent;color:var(--so-ink)}#ai-runtime .so-panel[data-busy=true]{--so-speed:10s}#ai-runtime .so-panel[data-busy=true] .so-ball{animation:so-breathe 3.5s ease-in-out infinite}#ai-runtime .so-halo .so-scene:before{content:'';position:absolute;width:145px;height:145px;border:1px solid color-mix(in srgb,var(--so-cyan) 30%,transparent);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--so-cyan) 8%,transparent)}#ai-runtime .so-halo[data-busy=true] .so-scene:before{animation:so-halo-pulse 3.5s ease-in-out infinite}#ai-runtime .so-halo .so-track,#ai-runtime .so-arcs .so-track{display:none}#ai-runtime .so-halo .so-values,#ai-runtime .so-arcs .so-values{grid-template-columns:1fr 1fr;gap:14px}#ai-runtime .so-halo .so-measure,#ai-runtime .so-arcs .so-measure{display:grid;gap:7px;text-align:center}#ai-runtime .so-sidearcs{display:none;position:absolute;width:176px;height:176px}#ai-runtime .so-arcs .so-sidearcs{display:block}#ai-runtime .so-sidearcs path{fill:none;stroke:var(--so-track);stroke-width:3;stroke-linecap:round}#ai-runtime .so-sidearcs .so-arc-cpu{stroke:var(--so-cyan);transition:stroke-dasharray .7s}#ai-runtime .so-sidearcs .so-arc-ram{stroke:var(--so-blue);transition:stroke-dasharray .7s}@keyframes so-spin{to{transform:rotateY(360deg)}}@keyframes so-breathe{50%{filter:brightness(1.12)}}@keyframes so-halo-pulse{50%{opacity:.5;transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){#ai-runtime *{animation:none!important;transition:none!important}}
#ai-runtime .so-grid{display:none}#ai-runtime .so-ball,#ai-runtime .so-panel[data-busy=true] .so-ball{animation:so-cpu-heartbeat var(--so-beat,6s) ease-in-out infinite}#ai-runtime .so-monogram{opacity:.55}@keyframes so-cpu-heartbeat{0%,100%{transform:scale(1);filter:brightness(1)}45%{transform:scale(var(--so-amplitude,1.006));filter:brightness(1.08)}}@media(prefers-reduced-motion:reduce){#ai-runtime .so-ball{animation:none!important}}#ai-runtime .so-grid{display:block;opacity:.16}#ai-runtime .so-grid i{animation:none!important}#ai-runtime .so-grid i:nth-child(1){transform:rotateY(25deg)}#ai-runtime .so-grid i:nth-child(2){transform:rotateY(65deg)}#ai-runtime .so-grid i:nth-child(3){transform:rotateY(105deg)}#ai-runtime .so-monogram{font-size:12px;letter-spacing:1.7px;opacity:.9;text-shadow:0 0 9px color-mix(in srgb,var(--so-cyan) 35%,transparent)}#ai-runtime .so-grid{display:none}#ai-runtime .so-moncho-arcs{position:absolute;width:158px;height:158px;border:1px solid var(--so-track);border-radius:50%}#ai-runtime .so-moncho-arcs i{position:absolute;inset:7px;border-radius:50%;border:2px solid transparent;border-left-color:var(--so-cyan);border-right-color:var(--so-blue);transform:rotate(25deg);opacity:.75}#ai-runtime .so-moncho-arcs i:nth-child(2){inset:-7px;border-width:1px;border-left-color:var(--so-blue);border-right-color:var(--so-cyan);transform:rotate(-25deg);opacity:.5}#ai-runtime .so-ball{width:106px;height:106px}#ai-runtime .so-moncho-arcs i{animation:so-orbit-soft var(--so-orbit,38s) linear infinite}#ai-runtime .so-moncho-arcs i:nth-child(2){animation-direction:reverse;animation-duration:calc(var(--so-orbit,38s)*1.5)}@keyframes so-orbit-soft{from{transform:rotate(25deg)}to{transform:rotate(385deg)}}@media(prefers-reduced-motion:reduce){#ai-runtime .so-moncho-arcs i{animation:none!important}}
#ai-runtime .so-panel{width:100%;padding:15px 0;border-radius:0}#ai-runtime .so-stage{padding:0;min-height:0}#ai-runtime .so-panel.mo-off .so-ball,#ai-runtime .so-panel.mo-off .so-moncho-arcs i{animation-play-state:paused}#ai-runtime .so-panel.mo-off{opacity:.6}
/* Margen estable para el latido y los arcos giratorios, sin desbordar el lateral. */
#ai-runtime .so-scene{height:164px;min-width:0;overflow:hidden;overflow:clip;contain:paint}
#ai-runtime .so-ball{width:94px;height:94px}
#ai-runtime .so-moncho-arcs{width:min(140px,calc(100% - 20px));height:auto;aspect-ratio:1}
