#offline-banner{position:fixed;top:calc(.6rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-220%);z-index:300;background:var(--ink,#1a1613);color:var(--paper,#efe6d4);font-family:var(--font-mono, monospace);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.45rem .95rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}#offline-banner.sichtbar{transform:translate(-50%,0);opacity:1}@media (prefers-reduced-motion:reduce){#offline-banner{transition:none}}