.preparation-track{border:1px solid color-mix(in srgb, var(--landing-accent) 22%, var(--border));border-radius:var(--radius-card-size);background:color-mix(in srgb, var(--landing-accent) 5%, var(--card));padding:16px 18px}.preparation-metrics{border:1px solid var(--border);border-radius:var(--radius-overlay-size);background:var(--card);box-shadow:var(--elevation-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.preparation-metric{flex-direction:column;gap:4px;min-width:0;padding:18px 20px;display:flex}.preparation-metric+.preparation-metric{border-left:1px solid var(--border)}.preparation-metric-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--foreground);font-size:26px;font-weight:600;line-height:1.2}.preparation-metric-skeleton{border-radius:6px;width:64%;height:31px;display:block}.preparation-sections{align-items:start;gap:16px;display:grid}@media (min-width:1024px){.preparation-sections{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.6fr)}}.preparation-card{border:1px solid var(--border);border-radius:var(--radius-overlay-size);background:var(--card);box-shadow:var(--elevation-sm);--tw-ring-shadow:0 0 #0000}.preparation-card-icon{background:color-mix(in srgb, var(--landing-accent) 10%, transparent);width:32px;height:32px;color:var(--landing-accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preparation-sample{border:1px solid var(--border);border-radius:var(--radius-card-size);background:var(--card);min-width:0;box-shadow:none;--tw-ring-shadow:0 0 #0000;transition:border-color var(--duration-fast);flex-direction:column;display:flex}.preparation-sample:hover{border-color:color-mix(in srgb, var(--landing-accent) 35%, var(--border))}.preparation-skeleton{background:color-mix(in srgb, var(--muted) 80%, transparent);animation:1.6s ease-in-out infinite preparation-pulse}@keyframes preparation-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.preparation-skeleton{animation:none}}@media (max-width:1023px){.preparation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.preparation-metric:nth-child(odd){border-left:0}.preparation-metric:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width:639px){.preparation-metric{padding:14px 16px}.preparation-metric-value{font-size:22px}}.preparation-card [data-slot=progress-indicator]{background:var(--landing-accent)}