.st-card{--fc-accent:62, 207, 142;--fc-fast:.35s ease}.st-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.st-grid>div{display:flex}.st-grid>div>.st-card{width:100%}@media (max-width:640px){.st-grid{grid-template-columns:1fr}}.st-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--card);min-height:196px;transition:border-color var(--fc-fast), transform var(--fc-fast);grid-template-columns:minmax(0,1fr) 38%;text-decoration:none;display:grid;position:relative;overflow:hidden}@media (max-width:520px){.st-card{grid-template-columns:1fr;min-height:0}}.st-card-body{z-index:1;flex-direction:column;padding:22px 6px 20px 24px;display:flex;position:relative}.st-card:hover{border-color:rgba(var(--fc-accent), .4);transform:translateY(-3px)}.st-card:before{content:"";z-index:0;background:radial-gradient(120% 80% at 50% -10%, rgba(var(--fc-accent), .08), transparent 60%);opacity:0;transition:opacity var(--fc-fast);pointer-events:none;position:absolute;inset:0}.st-card:hover:before{opacity:1}.st-card:focus-visible{outline:2px solid rgb(var(--fc-accent));outline-offset:2px}.st-card-head{align-items:center;gap:11px;margin-bottom:10px;display:flex}.st-icon{width:28px;height:28px;color:var(--muted-foreground);transition:color var(--fc-fast);flex:none;place-items:center;display:grid}.st-icon svg{width:22px;height:22px}.st-card:hover .st-icon{color:rgb(var(--fc-accent))}.st-card-foot{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:auto;padding-top:18px;display:flex}.st-state{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;margin-left:auto;padding-right:12px;font-size:10px}.st-state.on{color:rgb(var(--fc-accent))}.st-preview{position:relative;overflow:hidden}@media (max-width:520px){.st-preview{height:136px}}.st-shot{border:1px solid var(--border);background:var(--background);transform-origin:20% 30%;transition:transform .45s cubic-bezier(.16, 1, .3, 1), border-color var(--fc-fast);will-change:transform;border-radius:12px;position:absolute;inset:26px -52px -44px 22px;overflow:hidden;transform:rotate(-4deg)translate(4px,6px)}.st-card:hover .st-shot{border-color:rgba(var(--fc-accent), .28);transform:rotate(0)translate(-6px,-6px)}.st-shot img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.st-shot.is-empty{background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), var(--background);background-size:22px 22px,22px 22px,auto}.st-shot.is-empty:after{content:"preview";font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);opacity:.4;font-size:10px;position:absolute;top:13px;left:15px}.st-marks{align-items:center;gap:8px;display:inline-flex}.st-marks+.st-marks:before{content:"";background:var(--border);width:1px;height:13px;margin-right:4px}.st-mark{display:inline-flex;position:relative}.st-mark:after{content:attr(data-tip);border:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;z-index:3;border-radius:6px;padding:4px 8px;font-size:10px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 8px 20px -10px #000c}.st-mark:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.st-conn{opacity:.85;width:17px;height:17px;transition:opacity var(--fc-fast)}.st-conn.is-mono{color:var(--foreground);opacity:.65}.st-card:hover .st-conn{opacity:1}.st-mark:hover .st-conn{transform:translateY(-1px)}.st-conn{transition:opacity var(--fc-fast), transform var(--fc-fast)}.st-card:hover .st-conn.is-mono{opacity:.9}.st-card-title{letter-spacing:-.015em;color:var(--foreground);margin-bottom:6px;font-size:18px;font-weight:550}.st-card-desc{color:var(--muted-foreground);max-width:32ch;font-size:13.5px;line-height:1.55}.st-edge{pointer-events:none;z-index:2;height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.st-edge:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--fc-accent), .7), transparent);opacity:0;width:45%;height:100%;transition:opacity .3s;position:absolute;bottom:0;left:-55%}.st-card:hover .st-edge:after{opacity:1;animation:1.9s ease-in-out .15s infinite st-edge-scan}@keyframes st-edge-scan{to{left:110%}}@media (prefers-reduced-motion:reduce){.st-card,.st-shot{transition:none}.st-shot{transform:none}.st-card:hover .st-edge:after{animation:none}}.st-vid{object-fit:cover;object-position:left top;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.st-card:hover .st-vid{opacity:1}