.connection-banner{position:sticky;top:0;z-index:100;background:#fff2d9;border-bottom:1px solid #ebba61;padding:12px 20px;color:#704600;font-weight:600;text-align:center}.connection-banner[hidden]{display:none}.offline-panel{max-width:540px;margin:12vh auto;padding:32px;background:white;border:1px solid #dce3ee;border-radius:20px;box-shadow:0 15px 60px #142b5514}.offline-panel h1{font-size:28px}.offline-panel p{line-height:1.7;color:#45536d}.offline-retry{display:inline-block;padding:12px 20px;background:#142b55;color:white;text-decoration:none;border-radius:8px}html:has(.offline-panel){background:#f4f6fa;font-family:system-ui,sans-serif;color:#142b55}@media(max-width:600px){.offline-panel{margin:8vh 16px;padding:24px}}