.fp-state-panel{align-items:center;gap:var(--nx-space-3);padding:var(--nx-space-8) var(--nx-space-5);border:1px solid var(--nx-color-border);border-radius:var(--nx-radius-lg);background:var(--nx-color-surface);color:var(--nx-color-text);text-align:center;overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.fp-state-title{font:inherit;font-family:var(--nx-font-display);font-size:var(--nx-text-title-lg-size);font-weight:var(--nx-text-title-lg-weight);line-height:var(--nx-text-title-lg-line-height);margin:0}.fp-state-body{max-width:55ch;color:var(--nx-color-text-muted);font-size:var(--nx-text-body-md-size);line-height:var(--nx-text-body-md-line-height);margin:0}.fp-state-illustration{min-height:var(--nx-space-16);place-items:center;display:grid}.fp-state-bolt{width:calc(var(--nx-space-20) + var(--nx-space-10));height:calc(var(--nx-space-20) + var(--nx-space-10));display:block}.fp-state-bolt>svg{width:100%;height:100%;display:block}.fp-state-illustration>svg{width:var(--nx-space-12);height:var(--nx-space-12);color:var(--nx-color-info)}.fp-state-panel[data-state=locked] .fp-state-illustration>svg{color:var(--nx-color-warning)}.fp-state-action{margin-top:var(--nx-space-2);max-width:100%}.fp-state-action .fp-state-primary{background:var(--nx-color-primary);color:var(--nx-color-on-primary);max-width:100%}.fp-state-loading{gap:var(--nx-space-4);display:grid}.fp-state-placeholder{gap:var(--nx-space-4);padding:var(--nx-space-6);border-radius:var(--nx-radius-lg);border:1px solid var(--nx-color-border);background:var(--nx-color-surface);display:grid}.fp-state-loading .fp-skeleton{background:color-mix(in srgb, var(--nx-color-text-muted) 24%, var(--nx-color-surface))}.fp-state-placeholder-title{height:var(--nx-space-6);width:55%}.fp-state-placeholder-line{height:var(--nx-space-4);width:85%}.fp-state-placeholder-line+.fp-state-placeholder-line{width:70%}.fp-state-placeholder-button{height:var(--nx-space-12);width:45%;margin-top:var(--nx-space-2)}.fp-state-goal-placeholder{height:calc(var(--nx-space-20) * 3)}.fp-state-loading-list .fp-state-placeholder{gap:var(--nx-space-2);padding:var(--nx-space-4)}@media (prefers-reduced-motion:reduce){.fp-state-loading .fp-skeleton{animation:none}}