.fc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fc-card{display:flex;flex-direction:column;min-width:0;padding:6px;border-radius:20px;background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:0 1px color-mix(in srgb,var(--color-text) 3%,transparent),0 24px 48px -32px #00000059;transition:transform .42s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .3s}.fc-card:hover{transform:translateY(-3px)}.fc-card--wide{grid-column:1 / -1}.fc-grid--compact .fc-art{height:280px}.fc-grid--compact .fc-card--wide .fc-art{height:340px}.fc-art{position:relative;overflow:hidden;height:210px;border-radius:15px;isolation:isolate;background:radial-gradient(60% 70% at 80% 100%,var(--color-brand-muted),transparent 70%),var(--color-bg-sunken);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.fc-card--wide .fc-art{height:400px}.fc-window{position:absolute;inset:0;z-index:0;-webkit-mask-image:radial-gradient(80% 82% at 50% 40%,#000 38%,transparent 90%);mask-image:radial-gradient(80% 82% at 50% 40%,#000 38%,transparent 90%)}.fc-screen{position:absolute;left:50%;top:50%;width:calc(var(--z) * 100%);translate:calc(var(--fx) * -100%) calc(var(--fy) * -100%);border-radius:14px;overflow:hidden;border:1px solid var(--color-border-strong);box-shadow:0 30px 60px -30px #0009;transform-origin:calc(var(--fx) * 100%) calc(var(--fy) * 100%)}.fc-screen img{display:block;width:100%;height:auto}.fc-screen .fc-theme-light{display:none}[data-theme=light] .fc-screen .fc-theme-light{display:block}[data-theme=light] .fc-screen .fc-theme-dark{display:none}[data-theme=light] .fc-screen{box-shadow:0 30px 60px -34px #281e1459}.fc-top{position:absolute;top:14px;left:50%;translate:-50% 0;z-index:3;white-space:nowrap}.fc-badge{position:absolute;bottom:14px;right:12px;z-index:3}.fc-bottom{position:absolute;bottom:18px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px}.fc-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);border:1px solid var(--color-border-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 22px -14px #00000080}.fc-pill--dark{background:var(--color-text);color:var(--color-bg);border-color:transparent;font-family:var(--font-mono);font-size:11.5px}.fc-pill--ok{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-elevated))}.fc-pill--no{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 45%,transparent);background:color-mix(in srgb,var(--color-danger) 10%,var(--color-bg-elevated))}.fc-pill--brand{color:var(--color-brand);border-color:color-mix(in srgb,var(--color-brand) 45%,transparent);background:color-mix(in srgb,var(--color-brand) 10%,var(--color-bg-elevated))}.fc-tick{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;background:var(--color-success);color:var(--color-bg)}.fc-copy{padding:14px 14px 12px}.fc-copy h3{margin:0;font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:var(--color-text)}.fc-copy p{margin:6px 0 0;max-width:46ch;font-size:13.5px;line-height:1.55;color:var(--color-text-muted)}.fc-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:500;color:var(--color-brand)}@media(max-width:980px){.fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.fc-grid{grid-template-columns:1fr}}@media(max-width:560px){.fc-art{height:200px}.fc-top .fc-pill{font-size:10.5px}.fc-bottom .fc-pill:nth-child(n+3){display:none}.fc-copy h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.fc-card{transition:none}}
