.mini-card-wrap{container-type:inline-size;width:100%;aspect-ratio:388 / 252;overflow:hidden;overflow:clip;overflow-clip-margin:18px;transition:transform .42s cubic-bezier(.34,1.56,.64,1);content-visibility:auto;contain-intrinsic-size:auto 252px;perspective:800px}.mini-card-wrap:hover,.mini-card-wrap[data-tilting]{content-visibility:visible;overflow:visible;transform-style:preserve-3d;will-change:transform}.mini-card-wrap[data-tilting]{transition:none}.mini-card-wrap .mini-card{position:absolute;top:0;left:0;width:388px;height:252px;transform-origin:top left;transform:scale(var(--mini-card-scale, tan(atan2(100cqi, 388px)))) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:box-shadow .28s cubic-bezier(.22,1,.36,1),transform .1s ease-out}.mini-card-wrap:hover .mini-card{box-shadow:0 24px 48px -12px #00000059,0 8px 18px -6px #00000038}.mini-gloss{background:radial-gradient(180px 180px at var(--gloss-x, 50%) var(--gloss-y, 50%),rgba(255,255,255,.35),rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s ease;position:absolute;inset:0;pointer-events:none;z-index:20}.mini-card-wrap:hover .mini-gloss{opacity:1;mix-blend-mode:soft-light}.mini-card[data-color=indigo],.library-card[data-color=indigo],[data-modal-card][data-color=indigo]{background:linear-gradient(135deg,#4f46e5,#7c3aed);--tint: var(--color-pink-2);--card-border: rgba(167, 139, 250, .5)}.mini-card[data-color=teal],.library-card[data-color=teal],[data-modal-card][data-color=teal]{background:linear-gradient(135deg,#0f766e,#0891b2);--tint: var(--color-teal-3);--card-border: rgba(45, 212, 191, .5)}.mini-card[data-color=green],.library-card[data-color=green],[data-modal-card][data-color=green]{background:linear-gradient(135deg,#15803d,#4d7c0f);--tint: var(--color-green-2);--card-border: rgba(134, 239, 172, .5)}.mini-card[data-color=orange],.library-card[data-color=orange],[data-modal-card][data-color=orange]{background:linear-gradient(135deg,#c2410c,#b45309);--tint: var(--color-orange-2);--card-border: rgba(253, 186, 116, .5)}.mini-card pre{display:none}.mini-card[data-color=indigo] pre[data-for=indigo],.mini-card[data-color=teal] pre[data-for=teal],.mini-card[data-color=green] pre[data-for=green],.mini-card[data-color=orange] pre[data-for=orange]{display:block}.stats-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1)}details[open] .stats-body-wrap{grid-template-rows:1fr}.stats-body{overflow:hidden;min-height:0}.stats-toggle__chevron{transition:transform .3s var(--ease-out-soft)}details[open] .stats-toggle__chevron{transform:rotate(180deg)}details[data-collapsing] .stats-toggle__chevron{transform:rotate(0)}.stats-color-row{padding:6px 8px;margin:-2px -8px;transition:opacity .22s var(--ease-out-soft),background .22s var(--ease-out-soft)}.stats-color-row:hover .stats-color-bar{opacity:1!important}.stats-color-row:hover .stats-color-pct{color:var(--color-ink)}[data-stats-color-rows]:has(.stats-color-row:hover) .stats-color-row:not(:hover){opacity:.5}[data-stats-color-rows]:has(.stats-color-row[data-active]) .stats-color-row:not([data-active]){opacity:.5}.stats-color-row[data-active]{opacity:1!important;background:#c3ba9c33}.stats-color-row[data-active] .stats-color-bar{opacity:1!important}.stats-color-row[data-active] .stats-color-pct{color:var(--color-ink)}[data-gallery-grid] [data-mini-card-wrap]{transition:opacity .28s var(--ease-out-soft),transform .28s var(--ease-out-soft)}[data-gallery-grid] [data-mini-card-wrap][data-filter-hide]{display:none}.gallery-shuffle[data-spinning] svg{animation:gallery-shuffle-spin .6s cubic-bezier(.34,1.56,.64,1)}@keyframes gallery-shuffle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-detail{background-color:#eae6dbf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .35s var(--ease-out-soft)}.gallery-detail[data-open]{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.mini-card-wrap,.mini-card,.stats-body-wrap,.gallery-shuffle[data-spinning] svg{transition:none!important;animation:none!important}}@media(max-width:440px){.modal-card-scale-wrap{container-type:inline-size;width:100%;max-width:388px;aspect-ratio:388 / 252;position:relative;display:flex;justify-content:center;align-items:center}.modal-card-scale-wrap [data-modal-card]{position:absolute;top:0;left:0;width:388px!important;height:252px!important;transform-origin:top left;transform:scale(calc(100cqi / 388))!important}}
