.offline-page{background:var(--bg);min-height:calc(100vh - 4rem);color:var(--text);justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex}.offline-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:1.5rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 18px 44px #0d172924}:root[data-theme=dark] .offline-card{box-shadow:0 18px 44px #0006}.offline-icon{background:var(--bg);width:4rem;height:4rem;color:var(--muted);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto;display:flex}.offline-kicker{text-transform:uppercase;letter-spacing:.24em;color:var(--muted);margin-top:1rem;font-size:.875rem;font-weight:600}.offline-title{color:var(--text);margin-top:1rem;font-size:1.875rem;font-weight:700}.offline-description{color:var(--muted);margin-top:1rem}.offline-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.offline-button{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-family:inherit;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.offline-button--secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.offline-button--secondary:hover{border-color:var(--muted)}.offline-button--primary{background:var(--accent);color:var(--on-accent);border:1px solid #0000}.offline-button--primary:hover{background:var(--accent-hover)}