@layer blocks{.brand{flex:none;align-items:center;width:fit-content;display:inline-flex}.brand-logo{width:7.75rem;height:auto;display:block}.brand[data-variant=default] .brand-logo{width:8.75rem}.page-state{background:linear-gradient(var(--color-ambient-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-ambient-grid) 1px, transparent 1px), radial-gradient(circle at 50% 20%, var(--color-brand-selected), transparent 28rem), linear-gradient(145deg, #23262c, var(--color-canvas));align-items:center;gap:var(--space-8);min-height:100dvh;padding:var(--space-8) var(--space-6);background-size:5rem 5rem,5rem 5rem,auto,auto;flex-direction:column;justify-content:center;display:flex}.page-state-card{animation:ui-enter var(--transition-panel) both;-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background:var(--color-glass-surface);border:1px solid var(--color-glass-border-highlight);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), inset 0 1px 0 var(--color-glass-highlight);max-width:30rem;padding:clamp(var(--space-8), 6vw, var(--space-12));text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.page-state-icon{background:var(--color-brand-soft);border:1px solid var(--color-brand-border);border-radius:var(--radius-md);color:var(--color-brand-text);height:3.25rem;justify-content:center;align-items:center;width:3.25rem;margin-block-end:var(--space-6);display:flex}.page-state-spinner{color:var(--color-brand-text);margin-block-end:var(--space-6);animation:1.2s linear infinite state-spin}.page-state-eyebrow{color:var(--color-brand-text);letter-spacing:.08em;text-transform:uppercase;margin-block-end:var(--space-3);font-size:.6875rem;font-weight:560}.page-state-card h1{font-size:var(--text-xl)}.page-state-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-block-start:var(--space-3)}.page-state-action{background:var(--color-action-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);min-height:2.625rem;padding-inline:var(--space-4);transition:background-color var(--transition-fast);border:1px solid #ffffff1a;justify-content:center;align-items:center;margin-block-start:var(--space-6);font-weight:530;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.page-state-action:hover{background:var(--color-action-primary-hover)}@keyframes state-spin{to{transform:rotate(1turn)}}}
