@keyframes system-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes system-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(3deg)}}@keyframes system-ring{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}@keyframes system-spin{to{transform:rotate(1turn)}}.system-view .system-card{animation:system-rise .55s cubic-bezier(.22,1,.36,1) backwards}.system-view .system-stage{--mx:0;--my:0;display:flex;align-items:center;justify-content:center;column-gap:12px;padding:8px 0;user-select:none}.system-view .system-cube,.system-view .system-digit{--depth:1;display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1);transform:translate3d(calc(var(--mx) * var(--depth) * 14px),calc(var(--my) * var(--depth) * 10px),0)}.system-view .system-digit{font-size:clamp(88px,22vw,150px);font-weight:900;line-height:1}.system-view .system-cube{--depth:-1.8;display:grid;place-items:center;width:96px}.system-view .system-badge{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:9999px;background-color:var(--color-soft);color:var(--color-accent)}.system-view .system-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid;animation:system-ring 2.2s ease-out infinite}.system-view .system-badge svg{animation:system-shake 1.2s ease-in-out .4s 2}.system-view .system-badge.is-offline,.system-view .system-badge.is-stale{color:var(--color-primary)}.system-view .system-spin{animation:system-spin .8s linear infinite}.system-view .system-chip{display:inline-flex;align-items:center;column-gap:6px;padding:6px 14px;border-radius:9999px;background-color:var(--color-soft);color:var(--color-primary);font-size:13px;font-weight:600;transition:background-color .2s ease,color .2s ease,transform .2s ease}.system-view .system-chip.is-first,.system-view .system-chip:focus-visible,.system-view .system-chip:hover{background-color:var(--color-primary);color:#fff}.system-view .system-chip:hover{transform:translateY(-1px)}.system-view .system-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.system-view .system-detail>div{overflow:hidden}.system-view .system-detail.is-open{grid-template-rows:1fr}@media(prefers-reduced-motion:reduce){.system-view .system-badge svg,.system-view .system-badge:after,.system-view .system-card,.system-view .system-spin{animation:none}.system-view .system-cube,.system-view .system-detail,.system-view .system-digit{transition:none}}