.offline-connection-notice{position:fixed;z-index:10000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 32px),560px);transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:15px 16px;border:1px solid #ffd389;border-radius:18px;background:#fffaf0;box-shadow:0 18px 42px #47300838;color:#5e4200}.offline-connection-notice div{min-width:0;display:grid;gap:4px}.offline-connection-notice strong{font-size:14px}.offline-connection-notice span{color:#846521;font-size:13px;line-height:1.35}.offline-connection-notice button{flex:0 0 auto;min-height:38px;padding:0 13px;border:0;border-radius:12px;background:#2458ff;color:#fff;font:inherit;font-size:13px;font-weight:700}.offline-connection-notice button:disabled{opacity:.72}@media (max-width: 560px){.offline-connection-notice{align-items:flex-start;flex-direction:column}.offline-connection-notice button{width:100%}}