.art{display:flex;flex-direction:column;gap:13px}.art-meta{font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:.02em;color:var(--dark-label)}.art-meta .sep{color:var(--dark-dim-deep);padding:0 3px}.art-label{font-family:var(--font-mono);font-size:var(--text-mono-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--dark-label)}.art-score{display:flex;align-items:baseline;gap:12px}.art-score .num{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1;color:#fff}.art-score .delta{font-family:var(--font-mono);font-size:var(--text-mono-lg);color:var(--live)}.art-score .delta.down{color:var(--down)}.art-card{background:var(--inset-nested);border:1px solid var(--hairline-dark-mid);border-radius:var(--radius-nested);padding:13px 15px}.art-rows{display:flex;flex-direction:column}.art-kv{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--hairline-dark-row);font-family:var(--font-mono);font-size:var(--text-mono)}.art-kv:first-child{border-top:none}.art-kv .k{color:var(--dark-label-faint)}.art-kv .v{color:var(--dark-text);text-align:right}.art-kv .v.accent{color:var(--accent-soft-on-dark)}.art-kv .v.live{color:var(--live)}.art-kv .v.warn{color:var(--partial)}.art-kv .v.muted{color:var(--dark-text-muted)}.art-bars{display:flex;flex-direction:column;gap:9px}.art-bar{display:grid;grid-template-columns:82px 1fr 26px;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--text-mono)}.art-bar .name{color:var(--dark-text-mid)}.art-bar .track{height:6px;border-radius:var(--radius-pill);background:#ffffff0f;overflow:hidden}.art-bar .fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,rgba(var(--accent-rgb),.55),var(--chip-on-dark))}.art-bar .val{color:var(--dark-text);text-align:right}.art-quote{font-family:var(--font-mono);font-size:var(--text-mono);line-height:1.7;color:var(--dark-text-muted)}.art-quote .neg{color:var(--down)}.art-quote .pos{color:var(--live)}.art-list{display:flex;flex-direction:column;gap:10px}.art-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:var(--text-mono);color:var(--dark-text-body)}.art-line .tag{color:var(--dark-label);white-space:nowrap}.art-line .v.accent{color:var(--accent-soft-on-dark)}.art-line .v.live{color:var(--live)}.art-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-mono-xs)}.art-flow .step{padding:5px 10px;border-radius:var(--radius-chip);background:var(--fill-dark-chip);border:1px solid var(--hairline-dark-chip);color:var(--dark-text-mid)}.art-flow .step.end{color:var(--live);border-color:rgba(var(--live-dark-base),.4);background:rgba(var(--live-dark-base),.1)}.art-flow .arrow{color:var(--dark-dim)}.art-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.art-stages.cols-5{grid-template-columns:repeat(5,1fr)}.art-stage{text-align:center;padding:11px 6px;border-radius:var(--radius-bubble);background:var(--fill-dark-chip);border:1px solid var(--hairline-dark-chip)}.art-stage .st-name{font-family:var(--font-mono);font-size:var(--text-mono-2xs);letter-spacing:.06em;color:var(--dark-label)}.art-stage .st-val{font-family:var(--font-display);font-size:22px;line-height:1;color:#fff;margin-top:4px}.art-stage.ok .st-val{color:var(--live)}.art-stage.warn{border-color:#c9b26b66}.art-stage.warn .st-val{color:var(--partial)}.art-stage.end{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}.art-stage.end .st-val{color:var(--accent-bright-on-dark)}.art-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-mono-2xs);color:var(--live)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(var(--live-dark-base),.18)}.art-microtag{font-family:var(--font-mono);font-size:var(--text-mono-2xs);letter-spacing:.04em;color:var(--dark-label-ghost)}@media(max-width:520px){.art-stages,.art-stages.cols-5,.art-cols{grid-template-columns:1fr 1fr}}
