.mz-offline-banner{z-index:60;border-bottom:1px solid var(--mz-cinnabar);background:color-mix(in srgb, var(--mz-cinnabar) 14%, var(--mz-ink-800));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.mz-offline-banner__inner{align-items:center;gap:.625rem;max-width:80rem;margin-inline:auto;padding:.5rem 1rem;display:flex}.mz-offline-banner__dot{background:var(--mz-cinnabar);width:8px;height:8px;box-shadow:0 0 10px var(--mz-cinnabar);border-radius:9999px;flex-shrink:0;animation:1.6s ease-in-out infinite mz-offline-pulse}@keyframes mz-offline-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.mz-offline-banner__title{letter-spacing:.2em;color:var(--mz-text);white-space:nowrap;font-size:12px;font-weight:700}.mz-offline-banner__sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mz-text-dim);flex:1;font-size:12px;overflow:hidden}.mz-offline-banner--recovered{border-bottom-color:var(--mz-line-hi);background:color-mix(in srgb, var(--mz-gold-500) 12%, var(--mz-ink-800))}.mz-offline-banner--recovered .mz-offline-banner__dot{background:var(--mz-gold-500);box-shadow:0 0 10px var(--mz-gold-500);animation:none}.mz-timeout{text-align:center;max-width:34rem;margin-inline:auto;padding:4.5rem 1.5rem}.mz-timeout__glyph{border:1px solid var(--mz-line-hi);background:radial-gradient(circle at 38% 30%, var(--mz-ink-600) 0%, var(--mz-ink-800) 70%);border-radius:9999px;justify-content:center;align-items:center;width:76px;height:76px;margin-inline:auto;font-size:30px;display:flex;box-shadow:0 0 36px #c9a55c24}.mz-timeout__title{font-family:var(--mz-font-serif);letter-spacing:.25em;color:var(--mz-text);margin-top:1.5rem;font-size:1.25rem;font-weight:700}.mz-timeout__sub{color:var(--mz-text-dim);margin-top:.75rem;font-size:.8125rem;line-height:1.9}.mz-timeout__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.mz-timeout__btn{cursor:pointer;border-radius:9999px;padding:.625rem 2rem;font-size:.875rem;font-weight:700;transition:filter .2s,background .2s}.mz-timeout__btn--primary{background:var(--mz-grad-gold);color:var(--mz-ink-on-gold);border:none}.mz-timeout__btn--primary:hover{filter:brightness(1.1)}.mz-timeout__btn--ghost{border:1px solid var(--mz-line);color:var(--mz-text-dim);background:0 0}.mz-timeout__btn--ghost:hover{background:var(--mz-wash);color:var(--mz-text)}.mz-skel-block{width:100%;display:block}.mz-skel-row{border-radius:9999px;height:.9rem;display:block}.mz-skel-card{border-radius:1rem;padding:1rem}@media (prefers-reduced-motion:reduce){.mz-skel:after,.mz-offline-banner__dot{animation:none}}[data-theme=light] .mz-skel{background:linear-gradient(135deg,#e9e1cb 0%,#ded3b8 100%);border-color:#8c6a2f38}[data-theme=light] .mz-skel:after{background:linear-gradient(90deg,#0000 0%,#ffffff8c 30%,#c9a55c59 50%,#ffffff8c 70%,#0000 100%)}[data-theme=light] .mz-skel-beast{background:radial-gradient(circle at 38% 32%,#d9cdae 0%,#c9bb97 68%);border-color:#8c6a2f59;box-shadow:0 0 40px #8c6a2f24,inset 0 0 24px #ffffff80}.mz-offline-badge{border:1px dashed var(--mz-line-hi);background:var(--mz-wash);letter-spacing:.15em;color:var(--mz-gold-text);white-space:nowrap;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:11px;display:inline-flex}.mz-offline-badge__dot{background:var(--mz-cinnabar);width:6px;height:6px;box-shadow:0 0 8px var(--mz-cinnabar);border-radius:9999px;flex-shrink:0}.mz-offline-badge__time{letter-spacing:0;color:var(--mz-text-mute)}