@property --soai-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.soai-card{--soai-angle:0deg;--soai-spin:7.2s;--soai-radius:1.25rem;--soai-ring-w:1.5px;--soai-glow:10px;--soai-face:var(--color-background-secondary,#111);--soai-gold:color-mix(in oklab, var(--color-accent-end) 14%, #ffe9a8);--soai-amber:color-mix(in oklab, var(--color-accent-start) 16%, #f0b429);--soai-ring:conic-gradient(from 0deg, var(--soai-gold) 0deg, var(--soai-amber) 42deg, color-mix(in oklab, var(--soai-amber) 28%, transparent) 78deg, transparent 120deg, transparent 270deg, color-mix(in oklab, var(--soai-gold) 50%, transparent) 330deg, var(--soai-gold) 360deg);isolation:isolate;border-radius:var(--soai-radius);min-width:0;height:100%;color:var(--color-foreground);background:0 0;flex-direction:column;gap:.85rem;padding:.9rem;text-decoration:none;transition:transform .45s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:visible}.soai-card:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:var(--soai-face);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.1)}.soai-card__ring,.soai-card__glow{pointer-events:none;position:absolute;overflow:hidden}.soai-card__ring{inset:calc(var(--soai-ring-w) * -1);z-index:-1;border-radius:calc(var(--soai-radius) + var(--soai-ring-w))}.soai-card__glow{inset:calc(var(--soai-glow) * -1);z-index:-2;border-radius:calc(var(--soai-radius) + var(--soai-glow));opacity:.42}.soai-card__spin{aspect-ratio:1;background:var(--soai-ring);width:145%;position:absolute;top:50%;left:50%;translate:-50% -50%}.soai-card__glow .soai-card__spin{filter:blur(12px)}.soai-card.is-lit .soai-card__spin{animation:soai-orbit var(--soai-spin) linear infinite}@keyframes soai-orbit{to{transform:rotate(360deg)}}.soai-card__frame{z-index:1;aspect-ratio:4/5;background:var(--color-background-tertiary,#1a1a1a);border-radius:.95rem .95rem .22rem;flex:none;display:block;position:relative;overflow:hidden}.soai-card__sheen{z-index:2;pointer-events:none;opacity:0;background:radial-gradient(14rem circle at var(--mx,40%) var(--my,30%), #ffffff38, transparent 58%);transition:opacity .4s;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.soai-card__sheen{background:radial-gradient(14rem circle at var(--mx,40%) var(--my,30%), lab(100% -.0000298023 .0000119209/.22), transparent 58%)}}.soai-card__photo{transform:translate3d(var(--px,0px), var(--py,0px), 0);transition:transform .45s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.soai-card__photo img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block;transform:scale(1.06)}.soai-card__mark{height:100%;color:var(--color-accent-solid);font-family:var(--font-secondary), Georgia, serif;letter-spacing:.14em;text-transform:uppercase;place-items:end start;padding:.9rem;font-size:.78rem;font-weight:650;display:grid}.soai-card__copy{z-index:1;flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex;position:relative}.soai-card__kicker,.soai-card__badge,.soai-card__take-label{color:var(--color-accent-solid);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:650}.soai-card__badge{border:1px solid #0000;border-radius:999px;width:fit-content;max-width:100%;padding:.22rem .55rem}.soai-card__badge--adopted{color:var(--color-success);background:color-mix(in oklab, var(--color-success) 16%, var(--soai-face));border-color:color-mix(in oklab, var(--color-success) 42%, transparent)}.soai-card__badge--testing{color:var(--color-info);background:color-mix(in oklab, var(--color-info) 16%, var(--soai-face));border-color:color-mix(in oklab, var(--color-info) 42%, transparent)}.soai-card__badge--watching{color:var(--color-warning);background:color-mix(in oklab, var(--color-warning) 16%, var(--soai-face));border-color:color-mix(in oklab, var(--color-warning) 42%, transparent)}.soai-card__badge--not-using{color:var(--color-error);background:color-mix(in oklab, var(--color-error) 14%, var(--soai-face));border-color:color-mix(in oklab, var(--color-error) 40%, transparent)}.soai-card__title{font-family:var(--font-secondary), Georgia, serif;letter-spacing:-.015em;color:var(--color-foreground);text-wrap:pretty;margin:0;font-size:clamp(1.05rem,1.6vw,1.28rem);font-weight:600;line-height:1.25}.soai-card__take{border-left:2px solid color-mix(in oklab, var(--color-accent-solid) 70%, transparent);gap:.28rem;margin:.1rem 0 0;padding:.15rem 0 .15rem .75rem;display:grid}.soai-card__take p{color:var(--color-foreground-secondary);font-family:var(--font-secondary), Georgia, serif;text-wrap:pretty;overflow-wrap:break-word;word-break:normal;margin:0;font-size:.98rem;font-style:italic;line-height:1.45}.soai-card time{color:var(--color-foreground-secondary);margin-top:auto;padding-top:.3rem;font-size:.85rem}@media (hover:hover) and (pointer:fine){.soai-card.is-lit:hover .soai-card__spin,.soai-card.is-lit:focus-visible .soai-card__spin{animation-duration:3.2s}.soai-card:hover,.soai-card:focus-visible{transform:translateY(-6px)}.soai-card:hover .soai-card__glow,.soai-card:focus-visible .soai-card__glow{opacity:.72;--soai-glow:12px}.soai-card:hover .soai-card__sheen,.soai-card:focus-visible .soai-card__sheen{opacity:1}}@media (hover:none){.soai-card__glow{opacity:.32}}@media (prefers-reduced-motion:reduce){.soai-card,.soai-card.is-lit,.soai-card__spin{--soai-angle:32deg;transition:none;animation:none!important;transform:none!important}.soai-card__photo,.soai-card__sheen{transition:none}}