.offline-banner{position:fixed;z-index:100;top:max(8px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 28px),440px);min-height:44px;padding:9px 14px;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);border:1px solid #d6a319;border-radius:5px;background:#fff6d9;color:#5f4600;box-shadow:0 6px 22px rgba(0,0,0,.14);font:700 .86rem/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
.offline-banner[hidden]{display:none}
:root[data-theme="dark"] .offline-banner{border-color:#806821;background:#2b2617;color:#ffe69a}
@media (prefers-color-scheme:dark){:root[data-theme="system"] .offline-banner{border-color:#806821;background:#2b2617;color:#ffe69a}}