:root{font-family:Inter,system-ui,-apple-system,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#1f2937;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 50% 0%,#eef2f7,#f8fafc 60%)}#app{width:100%;max-width:640px;margin:0 auto;text-align:center}.offline{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px -12px #1f29371f;animation:rise .6s ease both}.offline__icon{width:64px;height:64px;color:#64748b;opacity:0;animation:fade .5s ease .15s forwards}.offline__icon svg{width:100%;height:100%}.offline__title{margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;color:#0f172a;opacity:0;animation:fade .5s ease .25s forwards}.offline__message{margin:0;font-size:1.05rem;color:#475569;max-width:36ch;opacity:0;animation:fade .5s ease .35s forwards}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{to{opacity:1}}@media (max-width: 480px){.offline__title{font-size:1.4rem}.offline__message{font-size:.95rem}}