.skeleton{background:linear-gradient(100deg, var(--neutral-150) 20%, var(--neutral-50) 38%, var(--neutral-150) 56%);background-size:220% 100%;animation:1.35s ease-in-out infinite skeleton-shimmer;display:block;overflow:hidden}@keyframes skeleton-shimmer{to{background-position-x:-220%}}.page-skeleton{width:min(100%, var(--page-max));gap:var(--space-4);padding:var(--space-8) var(--page-gutter);margin-inline:auto;display:grid}.page-skeleton-grid{gap:var(--space-5);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.page-skeleton-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface);display:grid}.feedback-state{width:min(100%,460px);padding:var(--space-11) var(--space-6);text-align:center;justify-items:center;margin:auto;display:grid}.feedback-icon{border-radius:var(--radius-xl);background:var(--surface-brand-soft);width:64px;height:64px;color:var(--brand-600);place-items:center;font-size:32px;display:inline-grid}.feedback-state h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-h2)}.feedback-state p{margin-bottom:var(--space-6);color:var(--text-secondary);line-height:var(--leading-normal)}.feedback-state md-filled-button{--md-filled-button-container-color:var(--brand-600);--md-filled-button-label-text-color:var(--text-on-brand);--md-filled-button-container-shape:var(--radius-pill);--md-filled-button-label-text-font:var(--font-sans);--md-filled-button-label-text-weight:var(--weight-bold)}.blocking-overlay{z-index:var(--z-modal);padding:var(--space-6);background:var(--surface-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.blocking-card{justify-items:center;gap:var(--space-3);width:min(100%,320px);padding:var(--space-7);border-radius:var(--radius-2xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xl);display:grid}.blocking-card strong{font-size:var(--text-lg)}.blocking-card span:last-child{color:var(--text-secondary);font-size:var(--text-sm)}.blocking-card md-circular-progress{--md-circular-progress-active-indicator-color:var(--brand-600);width:40px;height:40px}.offline-banner{z-index:var(--z-banner);width:min(100% - var(--space-6), 520px);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--neutral-900);color:var(--text-on-dark);font-size:var(--text-sm);box-shadow:var(--shadow-lg);display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}