@layer components{.loading-page{width:100%;max-width:var(--content-max);padding:var(--space-12) var(--gutter);margin-inline:auto}.loading-page__skeleton{gap:var(--space-4);flex-direction:column;display:flex}.loading-page__bar,.loading-page__card{border-radius:var(--corner-md);background:linear-gradient(90deg, var(--surface-muted) 0%, var(--surface-sunken) 40%, var(--surface-muted) 80%);background-size:200% 100%;animation:1.6s ease-in-out infinite loading-shimmer;display:block}.loading-page__bar--title{width:min(320px,70%);height:32px}.loading-page__bar--subtitle{width:min(220px,50%);height:18px;margin-bottom:var(--space-4)}.loading-page__card{border-radius:var(--corner-xl);height:140px}.loading-page__card--short{height:88px}.loading-inline{align-items:center;gap:var(--space-3);min-height:var(--touch-target);color:var(--fg-secondary);font-size:var(--font-size-sm);display:inline-flex}.loading-inline__spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loading-spin}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes loading-spin{to{transform:rotate(360deg)}}}