.chroma-grid{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;position:relative;width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.chroma-grid.has-frame{padding:10px;border-radius:calc(var(--chroma-radius) + 10px);background:var(--chroma-frame);box-shadow:var(--chroma-frame-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.chroma-frame-rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-frame-edge),inset 0 1px 0 var(--chroma-frame-highlight);pointer-events:none}.chroma-grid-inner{display:grid;gap:var(--chroma-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--chroma-min),calc((100% - (var(--chroma-cols) - 1) * var(--chroma-gap)) / var(--chroma-cols)))),1fr))}.chroma-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:8px;box-sizing:border-box;border-radius:var(--chroma-radius);background:var(--chroma-tile);box-shadow:var(--chroma-tile-shadow);color:var(--chroma-ink);text-decoration:none;overflow:hidden;isolation:isolate;transition:filter .25s ease}.chroma-card:hover{filter:var(--chroma-hover)}a.chroma-card:active{filter:var(--chroma-press)}a.chroma-card:focus-visible{outline:2px solid var(--chroma-ink);outline-offset:2px}.chroma-card-glow,.chroma-color,.chroma-wash{-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox, 0px)) calc(var(--chroma-y) - var(--chroma-oy, 0px)),var(--chroma-stops));mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox, 0px)) calc(var(--chroma-y) - var(--chroma-oy, 0px)),var(--chroma-stops))}.chroma-wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(130% 70% at 50% 100%,var(--chroma-accent),transparent 72%);opacity:calc(var(--chroma-glow) * var(--chroma-power) * .45)}.chroma-media{position:relative;z-index:1;aspect-ratio:var(--chroma-ratio);border-radius:max(0px,calc(var(--chroma-radius) - 8px));overflow:hidden;background:var(--chroma-well)}.chroma-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.chroma-mono{filter:grayscale(var(--chroma-gray)) brightness(calc(1 - var(--chroma-dim)))}.chroma-color{opacity:var(--chroma-power)}.chroma-media-rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--chroma-media-edge);pointer-events:none}.chroma-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:0;padding:2px 6px 4px}.chroma-title{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:normal}.chroma-subtitle,.chroma-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chroma-subtitle{font-size:13px;line-height:1.35;color:var(--chroma-muted)}.chroma-card-glow,.chroma-card-rim{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none}.chroma-card-rim{box-shadow:inset 0 0 0 1px var(--chroma-tile-edge),inset 0 1px 0 var(--chroma-tile-highlight)}.chroma-card-glow{box-shadow:inset 0 0 0 1px var(--chroma-accent),inset 0 0 16px -8px var(--chroma-accent);opacity:calc(var(--chroma-border) * var(--chroma-power))}.chroma-grid[data-reveal=card] .chroma-card-glow,.chroma-grid[data-reveal=card] .chroma-color,.chroma-grid[data-reveal=card] .chroma-wash{-webkit-mask-image:none;mask-image:none;opacity:0;transition:opacity var(--chroma-fade) ease}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-wash{opacity:calc(var(--chroma-glow) * .45);transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-color{opacity:1;transition-duration:.3s}.chroma-grid[data-reveal=card] .chroma-card:hover .chroma-card-glow{opacity:var(--chroma-border);transition-duration:.3s}