.ao{--spin:90s;--tile:clamp(3.1rem,7vw,4rem);aspect-ratio:1;isolation:isolate;width:min(100%,30rem);margin-inline:auto;position:relative}.ao-bg{z-index:-1;position:absolute;inset:0}.ao-ring{border-radius:50%;margin:auto;position:absolute;inset:0}.ao-ring.r1{border:1px solid #b98cff29;width:88%;height:88%;box-shadow:inset 0 0 4rem #b98cff0f}.ao-ring.r2{border:1px dashed #4fd7cb29;width:64%;height:64%;animation:140s linear infinite reverse ao-spin}.ao-ring.r3{border:1px solid #b98cff1f;width:40%;height:40%}.ao-spin{animation:ao-spin var(--spin) linear infinite;position:absolute;inset:0}.ao:hover .ao-spin,.ao:focus-within .ao-spin,.ao:hover .ao-upright,.ao:focus-within .ao-upright{animation-play-state:paused}.ao-flows{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ao-flow-base{stroke:#b98cff1f;stroke-width:1px}.ao-flow.is-good .ao-flow-base{stroke:#4fd7cb38}.ao-flow.is-wait .ao-flow-base{stroke:#ffcf7a47;stroke-dasharray:2 5}.ao-flow-pulse{stroke:#7ff0e4;stroke-width:.55px;stroke-linecap:round;stroke-dasharray:7 93;filter:drop-shadow(0 0 1.2px #4fd7cbf2);animation:3.2s cubic-bezier(.45,0,.55,1) infinite ao-flow}.ao-node{z-index:2;outline:none;width:0;height:0;position:absolute}.ao-upright{width:0;height:0;animation:ao-unspin var(--spin) linear infinite;position:absolute;top:0;left:0}.ao-float{animation:4.8s ease-in-out infinite ao-bob;animation-delay:calc(var(--k) * -.6s);position:absolute;top:0;left:0;translate:-50% -50%}.ao-tile{width:var(--tile);aspect-ratio:1;background:#0b0e16;border:1px solid #ffffff1f;border-radius:1.05rem;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000008c,inset 0 1px #ffffff2e}.ao-tile:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff38,#0000 42%);position:absolute;inset:0}.ao-tile img{object-fit:cover;width:100%;height:100%}.ao-tile.is-light{background:#f4f6f8}.ao-tile.is-light img{object-fit:contain;padding:14%}.ao-tile.is-mark{background:radial-gradient(circle at 30% 25%,#2c3170,#0b0e1f 70%)}.ao-mark{filter:drop-shadow(0 0 6px #b9c7ff80);width:62%;height:62%}.ao-tile.is-mono{color:var(--paper);letter-spacing:.04em;background:linear-gradient(140deg,#2a2150,#0e1222);font-weight:700}.ao-node.is-good .ao-tile{box-shadow:0 0 0 2px #4fd7cba6,0 0 26px #4fd7cb59,0 10px 30px #0000008c}.ao-node.is-wait .ao-tile{box-shadow:0 0 0 2px #ffcf7a99,0 0 22px #ffcf7a38,0 10px 30px #0000008c}.ao-node.is-wait .ao-tile img{filter:saturate(.75)brightness(.9)}.ao-node.is-warn .ao-tile{box-shadow:0 0 0 2px #ff8a8a99,0 10px 30px #0000008c}.ao-node:hover .ao-tile,.ao-node:focus .ao-tile{transform:scale(1.14)}.ao-dot{background:var(--dim);border:2px solid #0b0e16;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:-.22rem;right:-.22rem}.ao-node.is-good .ao-dot{background:#7be6ae;animation:2.2s ease-out infinite ao-ping}.ao-node.is-wait .ao-dot{background:#ffcf7a}.ao-node.is-warn .ao-dot{background:#ff8a8a}.ao-chip{left:0;top:calc(var(--tile) / 2 + .5rem);color:#dfe7e5;letter-spacing:.08em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080b11d1;border:1px solid #ffffff14;border-radius:999px;padding:.18rem .5rem;font-size:.58rem;font-weight:650;position:absolute;translate:-50%}.ao-node.is-wait .ao-chip{color:#ffe2ad;border-color:#ffcf7a4d}.ao-tip{bottom:calc(var(--tile) / 2 + .7rem);z-index:5;text-align:left;opacity:0;pointer-events:none;background:#0c0e18f5;border:1px solid #b98cff4d;border-radius:.9rem;gap:.2rem;min-width:11rem;padding:.7rem .85rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;left:0;transform:translate(-50%,6px);box-shadow:0 18px 40px #0009}.ao-tip b{font-size:.8rem}.ao-tip span{font-size:.7rem}.ao-tip small{color:var(--dim);font-size:.66rem}.ao-tip .is-good{color:#7be6ae}.ao-tip .is-wait{color:#ffcf7a}.ao-tip .is-warn{color:#ff9f9f}.ao-node:hover .ao-tip,.ao-node:focus .ao-tip{opacity:1;transform:translate(-50%)}.ao-core{aspect-ratio:1;z-index:3;place-items:center;width:30%;margin:auto;display:grid;position:absolute;inset:0}.ao-halo{background:conic-gradient(#4fd7cb00,#4fd7cb8c,#b98cffa6,#4fd7cb00 70%);border-radius:50%;animation:6s linear infinite ao-spin;position:absolute;inset:-12%;-webkit-mask:radial-gradient(circle,#0000 63%,#000 64% 67%,#0000 68%);mask:radial-gradient(circle,#0000 63%,#000 64% 67%,#0000 68%)}.ao-halo.h2{opacity:.5;background:radial-gradient(circle,#b98cff59,#0000 62%);animation:3.6s ease-in-out infinite ao-breathe;inset:-24%;-webkit-mask:none;mask:none}.ao-core-inner{background:radial-gradient(circle at 35% 28%,#4fd7cb47,#10161ef5 58%);border:1px solid #4fd7cb73;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:0 0 3.5rem #4fd7cb47,inset 0 1px #ffffff2e,inset 0 -12px 30px #00000073}.ao-brand{filter:drop-shadow(0 0 12px #4fd7cb8c);margin-top:-14%;animation:5s ease-in-out infinite ao-brand;width:50%!important;height:auto!important}.ao-core-count{white-space:nowrap;color:#a9c9c4;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;position:absolute;bottom:17%;left:50%;translate:-50%}.ao-core-count b{color:#7be6ae}@keyframes ao-spin{to{rotate:360deg}}@keyframes ao-unspin{to{rotate:-360deg}}@keyframes ao-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ao-flow{0%{stroke-dashoffset:100px;opacity:0}15%{opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes ao-ping{0%{box-shadow:0 0 #7be6ae99}70%,to{box-shadow:0 0 0 .45rem #7be6ae00}}@keyframes ao-breathe{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:.7;transform:scale(1.06)}}@keyframes ao-brand{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:600px){.ao{--tile:2.7rem;width:min(100%,21rem)}.ao-tile{border-radius:.8rem}.ao-core-count{font-size:.5rem}.ao-chip{padding:.14rem .4rem;font-size:.52rem}.ao-tip{display:none}}@media (prefers-reduced-motion:reduce){.ao-spin,.ao-upright,.ao-float,.ao-flow-pulse,.ao-ring.r2,.ao-halo,.ao-brand,.ao-dot{animation:none!important}}