body { font-family: -apple-system, sans-serif; margin: 0; background: var(--bg-primary); color: var(--text-primary); display: flex; align-items: center; justify-content: center; min-height: 100vh; text-align: center; padding: 20px; box-sizing: border-box; }
        .offline-container { max-width: 400px; }
        .offline-icon { font-size: 80px; color: var(--text-tertiary); margin-bottom: 20px; }
        h1 { font-size: 24px; font-weight: 900; margin-bottom: 10px; }
        p { color: var(--text-secondary); font-size: 15px; line-height: 1.6; margin-bottom: 30px; }
        .retry-btn { background: var(--accent); color: white; border: none; padding: 14px 32px; border-radius: 12px; font-size: 15px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .retry-btn:active { transform: scale(0.97); }