.chroma-grid{isolation:isolate;--chroma-x:50%;--chroma-y:30%;--chroma-active:0;position:relative}.chroma-grid__sweep{z-index:2;pointer-events:none;opacity:var(--chroma-active);transition:opacity var(--duration-med) var(--ease-out);background:radial-gradient(360px circle at var(--chroma-x) var(--chroma-y), color-mix(in srgb, var(--color-cyan) 55%, transparent) 0%, color-mix(in srgb, var(--color-violet) 40%, transparent) 38%, color-mix(in srgb, var(--color-amber) 25%, transparent) 62%, transparent 75%);mix-blend-mode:screen;will-change:opacity;position:absolute;inset:-10%}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .chroma-grid__sweep{mix-blend-mode:multiply;opacity:calc(var(--chroma-active) * .6)}}[data-theme=light] .chroma-grid__sweep{mix-blend-mode:multiply;opacity:calc(var(--chroma-active) * .6)}.chroma-grid__list{z-index:1;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.chroma-grid__card{gap:var(--space-2);height:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);transition:transform var(--duration-med) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative}.chroma-grid__card--live:hover,.chroma-grid__card--live:focus-visible{border-color:var(--cell-accent);transform:translateY(-3px)}.chroma-grid__card--pending{opacity:.55;cursor:default}.chroma-grid__eyebrow{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.04em}.chroma-grid__title{font-family:var(--font-display);font-weight:600;font-size:var(--step-1)}.chroma-grid__desc{color:var(--color-ink-muted);font-size:var(--step--1);flex:1}.chroma-grid__status{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-ink-muted);padding-top:var(--space-2);border-top:1px solid var(--color-border)}@media (prefers-reduced-motion:reduce){.chroma-grid__card--live:hover{transform:none}}
