.cmpl{--ink-soft:color-mix(in oklab, var(--ink) 82%, var(--bg));--ink-muted:color-mix(in oklab, var(--ink) 62%, var(--bg));--surface2:var(--bg-2);--mono:var(--font-mono)}.cmpl-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:880px){.cmpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.cmpl-grid{grid-template-columns:1fr}}.cmpl-card{border:1px solid var(--line);background-color:color-mix(in oklab, var(--surface2) 22%, var(--card));background-image:radial-gradient(color-mix(in oklab, var(--ink) 8%, transparent) 1px, transparent 1.4px);height:226px;transition:transform .4s var(--ease-out), border-color .4s, box-shadow .4s;background-position:-1px -1px;background-size:13px 13px;border-radius:16px;position:relative;overflow:hidden}.cmpl-card:hover{border-color:color-mix(in oklab, var(--ink) 30%, var(--line));transform:translateY(-4px);box-shadow:0 26px 50px -32px #10131a57}.cmpl-face{transition:opacity .3s var(--ease-out), transform .4s var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:24px 22px;display:flex;position:absolute;inset:0}.cmpl-card:hover .cmpl-face{opacity:0;transform:scale(.99)}.cmpl-namewrap{flex-direction:column;align-items:flex-start;display:flex}.cmpl-name{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:8px;font-size:28px;line-height:1;display:inline-flex}.cmpl-arw{color:var(--ink-muted);transition:transform .35s var(--ease-out), color .35s;display:inline-flex}.cmpl-arw svg{width:15px;height:15px}.cmpl-card:hover .cmpl-arw{color:var(--ink);transform:translate(2px,-2px)}.cmpl-uline{background:var(--ink);width:0;height:1.5px;transition:width .4s var(--ease-out);margin-top:6px;display:block}.cmpl-card:hover .cmpl-uline{width:40px}.cmpl-desc{color:var(--ink-muted);font-size:13px;line-height:1.5}.cmpl-badge{border:1px solid var(--line);white-space:nowrap;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-radius:9999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:9px;display:inline-flex;position:absolute;top:22px;right:20px}.cmpl-dot{border-radius:9999px;flex:none;width:5px;height:5px}.cmpl-badge.is-ok{border-color:color-mix(in oklab, var(--ok) 42%, var(--line));color:color-mix(in oklab, var(--ok) 72%, var(--ink))}.cmpl-badge.is-ok .cmpl-dot{background:var(--ok)}.cmpl-badge.is-aligned{border-color:color-mix(in oklab, var(--ok) 26%, var(--line));color:color-mix(in oklab, var(--ok) 55%, var(--ink))}.cmpl-badge.is-aligned .cmpl-dot{box-shadow:inset 0 0 0 1.5px var(--ok);background:0 0}.cmpl-reveal{background:color-mix(in oklab, var(--surface2) 55%, var(--card));opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);flex-direction:column;padding:20px 22px;display:flex;position:absolute;inset:0;transform:scale(1.015)}.cmpl-card:hover .cmpl-reveal{opacity:1;transform:scale(1)}.cmpl-cn{border:1.5px solid color-mix(in oklab, var(--ink) 32%, transparent);width:11px;height:11px;position:absolute}.cmpl-cn.tl{border-bottom:0;border-right:0;top:10px;left:10px}.cmpl-cn.tr{border-bottom:0;border-left:0;top:10px;right:10px}.cmpl-cn.bl{border-top:0;border-right:0;bottom:10px;left:10px}.cmpl-cn.br{border-top:0;border-left:0;bottom:10px;right:10px}.cmpl-rhead{align-items:center;gap:11px;margin:2px 0 18px;display:flex}.cmpl-rlogo{object-fit:contain;flex:none;width:40px;height:40px}.cmpl-rcover{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:8.5px}.cmpl-rname{color:var(--ink);letter-spacing:-.01em;margin-top:2px;font-size:19px;line-height:1.05}.cmpl-checks{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cmpl-checks.is-two{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.cmpl-check-li{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:9px;font-size:13px;line-height:1.2;display:flex}.cmpl-check{background:color-mix(in oklab, var(--ok) 12%, transparent);width:16px;height:16px;color:var(--ok);border-radius:9999px;flex:none;place-items:center;display:grid}.cmpl-check svg{width:8.5px;height:8.5px}.cmpl-wip{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:46px;font-size:11.5px;display:flex}.cmpl-wip-head{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, #c99a2e 55%, var(--ink));align-items:center;gap:9px;font-size:10px;display:inline-flex}.cmpl-wip-dot{background:#c99a2e;border-radius:9999px;flex:none;width:7px;height:7px;animation:2.4s ease-out infinite cmpl-pulse;box-shadow:0 0 #c99a2e73;box-shadow:0 0 lab(66.7688% 10.7944 59.6858/.45)}.cmpl-wip-names{color:var(--ink-soft)}@keyframes cmpl-pulse{0%{box-shadow:0 0 #c99a2e73;box-shadow:0 0 lab(66.7688% 10.7944 59.6858/.45)}70%,to{box-shadow:0 0 0 6px #0000}}@media (prefers-reduced-motion:reduce){.cmpl-wip-dot{animation:none}}
