.offline{width:min(100%, var(--content-form));gap:var(--space-4);margin:0 auto;display:grid}.offline-card{gap:var(--space-4);padding:var(--space-6);text-align:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);display:grid}.offline h2{color:var(--text);margin:0;font-size:1.15rem;line-height:1.4}.offline p{color:var(--text-muted);margin:0;line-height:1.6}.offline-status{padding:var(--space-3);background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.92rem}.offline-reconnecting{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.9rem;font-weight:650;display:inline-flex}.offline-reconnecting-dot{border-radius:var(--radius-pill);background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 0 var(--accent-soft);animation:1.25s ease-in-out infinite motion-pulse}.offline button{width:100%}