:root,.dark{--sy-green:var(--pass);--sy-green-bg:var(--pass-subtle);--sy-green-border:var(--pass-border);--sy-red:var(--fail);--sy-red-bg:var(--fail-subtle);--sy-red-border:var(--fail-border);--sy-amber:var(--running);--sy-amber-bg:var(--running-subtle);--sy-amber-border:var(--running-border);--sy-grey:var(--draft);--sy-grey-bg:var(--draft-subtle);--sy-grey-border:var(--border);--sy-accent:var(--primary)}.sy-pill-green{color:var(--sy-green);background:var(--sy-green-bg);border-color:var(--sy-green-border)}.sy-pill-red{color:var(--sy-red);background:var(--sy-red-bg);border-color:var(--sy-red-border)}.sy-pill-amber{color:var(--sy-amber);background:var(--sy-amber-bg);border-color:var(--sy-amber-border)}.sy-pill-grey{color:var(--sy-grey);background:var(--sy-grey-bg);border-color:var(--sy-grey-border)}.sy-text-green{color:var(--sy-green)}.sy-text-red{color:var(--sy-red)}.sy-text-amber{color:var(--sy-amber)}.sy-bg-green{background:var(--sy-green-bg)}.sy-bg-red{background:var(--sy-red-bg)}.sy-bg-amber{background:var(--sy-amber-bg)}.sy-border-green{border-color:var(--sy-green-border)}.sy-border-red{border-color:var(--sy-red-border)}.sy-border-amber{border-color:var(--sy-amber-border)}.sy-card{transition:border-color .4s,box-shadow .4s,background-color .4s}.sy-card[data-status=running]{border-color:var(--sy-amber-border)}.sy-card[data-status=passed]{border-color:var(--sy-green-border)}.sy-card[data-status=failed],.sy-card[data-status=error]{border-color:var(--sy-red)}.sy-card[data-settled=true]{animation:.52s cubic-bezier(.2,.8,.2,1) sy-flip}@keyframes sy-flip{0%{opacity:.4;transform:perspective(800px)rotateX(-70deg)}60%{opacity:1;transform:perspective(800px)rotateX(8deg)}to{transform:perspective(800px)rotateX(0)}}.sy-shimmer{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--sy-amber) 18%, transparent), transparent);background-size:200% 100%;animation:1.4s linear infinite sy-shimmer}@keyframes sy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sy-banner-in{animation:.6s cubic-bezier(.2,.8,.2,1) sy-banner}@keyframes sy-banner{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:none}}.sy-pulse-dot{animation:1.6s ease-in-out infinite sy-pulse}@keyframes sy-pulse{0%,to{opacity:1}50%{opacity:.35}}.sy-row-in{animation:.5s ease-out sy-row}@keyframes sy-row{0%{background:var(--sy-amber-bg)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.sy-card[data-settled=true],.sy-shimmer,.sy-banner-in,.sy-pulse-dot,.sy-row-in{animation:none}}