@layer components{.spinner{border:2px solid var(--border);border-top-color:var(--signal);border-radius:50%;flex:none;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{width:14px;height:14px}@keyframes spin{to{rotate:1turn}}.skeleton{min-height:var(--space-4);border-radius:var(--radius-control);background:var(--surface-2);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--surface-hover), transparent);animation:skeleton-shimmer 1.6s var(--ease) infinite;position:absolute;inset:0;translate:-100%}.skeleton--text{border-radius:var(--radius-sm);height:1em;min-height:0}.skeleton--circle{border-radius:50%}@keyframes skeleton-shimmer{to{translate:100%}}@media (prefers-reduced-motion:reduce){.skeleton:after{content:none;animation:none}}}@layer base{@media (prefers-reduced-motion:reduce){.spinner{animation:1.6s linear infinite spin!important}}}