@layer base{.hpv5-test-tile{color:var(--color-dark)}.hpv5-test-stage{border:1px solid var(--color-border-soft);background:radial-gradient(circle at 1px 1px, #15151509 1px, transparent 1px) 0 0 / 12px 12px, var(--fog-50);border-radius:6px;flex-direction:column;gap:14px;padding:14px;display:flex}.hpv5-test-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hpv5-test-status{align-items:center;gap:6px;display:inline-flex}.hpv5-test-status-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;line-height:1}.hpv5-test-run{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-dark);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:20px;line-height:1;display:inline-flex}.hpv5-test-run-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;line-height:1}.hpv5-live-dot--running{background:var(--color-gold);animation:1.6s ease-out infinite hpv5-test-running-pulse;box-shadow:0 0 #f9a90080}@keyframes hpv5-test-running-pulse{0%{box-shadow:0 0 #f9a9008c}70%{box-shadow:0 0 0 8px #f9a90000}to{box-shadow:0 0 #f9a90000}}.hpv5-test-swarm{gap:3px;height:76px;display:grid}.hpv5-test-cell{background:var(--fog-200);border-radius:2px;transition:background .22s,transform .2s;position:relative}.hpv5-test-cell--pending{background:var(--fog-200)}.hpv5-test-cell--running{background:var(--color-gold);animation:.7s ease-in-out infinite hpv5-test-cell-running}.hpv5-test-cell--passing{background:var(--color-jade)}.hpv5-test-cell--failing{background:var(--color-geo-shu);animation:.6s ease-out hpv5-test-cell-failing}.hpv5-test-cell--fixing{background:var(--color-gold);animation:.6s ease-in-out infinite hpv5-test-cell-fixing}@keyframes hpv5-test-cell-running{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes hpv5-test-cell-fixing{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes hpv5-test-cell-failing{0%{transform:scale(1)}25%{transform:scale(1.22)}50%{transform:scale(.92)}75%{transform:scale(1.08)}to{transform:scale(1)}}.hpv5-test-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hpv5-test-stat{flex-direction:column;gap:2px;display:flex}.hpv5-test-stat-num{font-family:var(--font-display);font-weight:var(--w-halbfett);letter-spacing:-.01em;font-size:16px;line-height:1;transition:color .24s}.hpv5-test-stat-num[data-tone=mute]{color:var(--fog-400)}.hpv5-test-stat-num[data-tone=red]{color:var(--color-geo-shu)}.hpv5-test-stat-num[data-tone=gold]{color:#a06c00}.hpv5-test-stat-num[data-tone=jade]{color:var(--color-jade)}.hpv5-test-stat-label{font-family:var(--font-display);font-weight:var(--w-kraftig);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:9.5px;line-height:1.2}.hpv5-test-canary{border-top:1px solid var(--color-border-soft);flex-direction:column;gap:8px;padding-top:10px;display:flex}.hpv5-test-canary-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hpv5-test-canary-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;line-height:1;font-weight:var(--w-kraftig)}.hpv5-test-canary-current{font-family:var(--font-display);color:var(--color-dark);font-size:11px;line-height:1;font-weight:var(--w-kraftig);font-variant-numeric:tabular-nums}.hpv5-test-canary[data-stage="3"] .hpv5-test-canary-current{color:var(--color-jade)}.hpv5-test-canary-track{background:var(--fog-200);border-radius:3px;height:6px;position:relative;overflow:visible}.hpv5-test-canary-fill{background:var(--color-jade);border-radius:3px;width:0%;height:100%;transition:width .72s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0 auto 0 0}.hpv5-test-canary[data-stage="1"] .hpv5-test-canary-fill{width:33.33%}.hpv5-test-canary[data-stage="2"] .hpv5-test-canary-fill{width:66.66%}.hpv5-test-canary[data-stage="3"] .hpv5-test-canary-fill{width:100%}.hpv5-test-canary-marks{pointer-events:none;position:absolute;inset:0}.hpv5-test-canary-mark{background:var(--color-white);border:1.5px solid var(--fog-300);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:background .22s,border-color .22s,box-shadow .22s;position:absolute;top:50%}.hpv5-test-canary-mark[data-stage="1"]{left:33.33%}.hpv5-test-canary-mark[data-stage="2"]{left:66.66%}.hpv5-test-canary-mark[data-stage="3"]{left:100%}.hpv5-test-canary[data-stage="1"] .hpv5-test-canary-mark[data-stage="1"],.hpv5-test-canary[data-stage="2"] .hpv5-test-canary-mark[data-stage="1"],.hpv5-test-canary[data-stage="2"] .hpv5-test-canary-mark[data-stage="2"],.hpv5-test-canary[data-stage="3"] .hpv5-test-canary-mark[data-stage="1"],.hpv5-test-canary[data-stage="3"] .hpv5-test-canary-mark[data-stage="2"],.hpv5-test-canary[data-stage="3"] .hpv5-test-canary-mark[data-stage="3"]{background:var(--color-jade);border-color:var(--color-jade)}}