.jorb{--orb-size:180px;--jorb-breathe:5.4s;--jorb-spin:1;width:var(--orb-size);height:var(--orb-size);isolation:isolate;flex:none;place-items:center;display:grid;position:relative}.jorb *{box-sizing:border-box}.jorb-rings{border-radius:50%;position:absolute;inset:0}.jorb-ring{border:max(1px, calc(var(--orb-size) * .0055)) solid transparent;border-radius:50%;position:absolute;inset:0}.jorb-r1{border-color:color-mix(in oklch, var(--orb-core) 55%, transparent);animation:jorb-rot calc(7s * var(--jorb-spin)) linear infinite}.jorb-r2{border-style:dashed;border-color:color-mix(in oklch, var(--orb-core) 32%, transparent);animation:jorb-rot calc(11s * var(--jorb-spin)) linear infinite reverse;inset:11%}.jorb-r3{border-color:color-mix(in oklch, var(--orb-core) 72%, transparent);animation:jorb-rot calc(4.5s * var(--jorb-spin)) linear infinite;inset:22%}@keyframes jorb-rot{to{transform:rotate(360deg)}}.jorb-ticks{inset:calc(var(--orb-size) * -.054);animation:jorb-rot calc(18s * var(--jorb-spin)) linear infinite;border-radius:50%;position:absolute}.jorb-ticks span{width:calc(var(--orb-size) * .065);height:calc(var(--orb-size) * .065);border:max(1px, calc(var(--orb-size) * .008)) solid color-mix(in oklch, var(--orb-core) 60%, transparent);position:absolute}.jorb-ticks span:first-child{border-bottom:0;border-right:0;top:0;left:50%;transform:translate(-50%)}.jorb-ticks span:nth-child(2){border-top:0;border-left:0;bottom:0;left:50%;transform:translate(-50%)}.jorb-ticks span:nth-child(3){border-top:0;border-right:0;top:50%;left:0;transform:translateY(-50%)}.jorb-ticks span:nth-child(4){border-bottom:0;border-left:0;top:50%;right:0;transform:translateY(-50%)}.jorb-core{width:calc(var(--orb-size) * .402);height:calc(var(--orb-size) * .402);background:radial-gradient(circle, var(--orb-core-hi) 0%, var(--orb-core) 42%, color-mix(in oklch, var(--orb-core) 25%, transparent) 70%, transparent 78%);box-shadow:0 0 calc(var(--orb-size) * .22) calc(var(--orb-size) * -.033) color-mix(in oklch, var(--orb-core) 70%, transparent);animation:jorb-breathe var(--jorb-breathe) ease-in-out infinite;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes jorb-breathe{0%,to{box-shadow:0 0 calc(var(--orb-size) * .22) calc(var(--orb-size) * -.044) color-mix(in oklch, var(--orb-core) 60%, transparent)}50%{box-shadow:0 0 calc(var(--orb-size) * .31) calc(var(--orb-size) * -.011) color-mix(in oklch, var(--orb-core-2) 85%, transparent)}}.jorb-core.is-inpulse{animation:.7s cubic-bezier(.22,1,.36,1) both jorb-inpulse}@keyframes jorb-inpulse{0%{box-shadow:0 0 calc(var(--orb-size) * .22) calc(var(--orb-size) * -.033) color-mix(in oklch, var(--orb-core) 70%, transparent);transform:translate(-50%,-50%)scale(1)}45%{box-shadow:0 0 calc(var(--orb-size) * .1) calc(var(--orb-size) * -.05) color-mix(in oklch, var(--orb-core) 60%, transparent);transform:translate(-50%,-50%)scale(.92)}70%{box-shadow:0 0 calc(var(--orb-size) * .31) calc(var(--orb-size) * -.011) color-mix(in oklch, var(--orb-core-2) 85%, transparent);transform:translate(-50%,-50%)scale(1.04)}to{box-shadow:0 0 calc(var(--orb-size) * .22) calc(var(--orb-size) * -.033) color-mix(in oklch, var(--orb-core) 70%, transparent);transform:translate(-50%,-50%)scale(1)}}.jorb-label{z-index:2;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700;font-size:calc(var(--orb-size) * .078);letter-spacing:.12em;white-space:nowrap;color:var(--orb-label);text-shadow:0 0 calc(var(--orb-size) * .033) #fff6;pointer-events:none;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jorb.is-thinking{--jorb-breathe:1.1s;--jorb-spin:.6}.jorb.is-thinking .jorb-r1{border-color:color-mix(in oklch, var(--orb-core) 70%, transparent)}.jorb.is-thinking .jorb-r3{border-color:color-mix(in oklch, var(--orb-core-2) 85%, transparent)}.jorb.is-active{--jorb-breathe:1.6s;--jorb-spin:.8}@media (prefers-reduced-motion:reduce){.jorb-ring,.jorb-ticks,.jorb-core{animation:none!important}.jorb-core{box-shadow:0 0 calc(var(--orb-size) * .28) calc(var(--orb-size) * -.022) color-mix(in oklch, var(--orb-core) 75%, transparent)}}