.offline-screen-container{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(circle at top,rgba(15,131,233,.08),transparent 55%),radial-gradient(circle at bottom,rgba(54,167,45,.12),transparent 60%),var(--background);color:var(--text)}.offline-screen-container--full{min-height:100vh}.offline-screen-card{width:100%;max-width:420px;padding:32px 28px;border-radius:24px;background:var(--main-background);box-shadow:0 28px 80px var(--shadow);border:1px solid var(--line-color);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;animation:offline-screen-rise .4s ease}@keyframes offline-screen-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.offline-screen-icon{width:86px;height:86px;border-radius:50%;background:var(--gray1);color:var(--sub-text);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 8px rgba(15,131,233,.08);animation:offline-screen-pulse 2.2s ease-in-out infinite}@keyframes offline-screen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.offline-screen-content{display:flex;flex-direction:column;gap:10px}.offline-screen-title{font-size:26px;font-weight:700;margin:0}.offline-screen-message{font-size:16px;margin:0;color:var(--sub-text)}.offline-screen-description{font-size:14px;margin:0;color:var(--sub-text)}.offline-screen-actions{display:flex}.offline-screen-actions,.offline-screen-retry{align-items:center;justify-content:center;width:100%}.offline-screen-retry{max-width:220px;display:inline-flex;gap:10px;padding:14px 20px;border-radius:14px;border:none;background:var(--blue-blue);color:var(--primary-btn-text);font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px rgba(15,131,233,.25);transition:transform .2s ease,box-shadow .2s ease}.offline-screen-retry:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,131,233,.32)}.offline-screen-retry:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:0 10px 20px rgba(15,131,233,.2)}.offline-screen-retry-icon{display:inline-flex;align-items:center;justify-content:center}.offline-screen-retry-icon--spinning{animation:offline-screen-spin 1s linear infinite}@keyframes offline-screen-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.offline-screen-footer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub-text)}.offline-screen-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-blue);opacity:.6}.offline-screen-footer-text{letter-spacing:.2px}@media (min-width:768px){.offline-screen-card{max-width:480px;padding:40px 36px}.offline-screen-title{font-size:30px}.offline-screen-message{font-size:17px}}