.offline-indicator{position:fixed;top:calc(.75rem + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);z-index:999;width:fit-content;max-width:min(90%,400px);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:9999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 12px rgba(0,0,0,.12);animation:offline-indicator-enter .3s ease-out forwards}.offline-indicator.offline{background:color-mix(in oklch,var(--destructive) 90%,transparent);color:var(--destructive-foreground);border:1px solid color-mix(in oklch,var(--destructive) 60%,transparent)}.offline-indicator.reconnected{background:color-mix(in oklch,var(--success) 90%,transparent);color:#fff;border:1px solid color-mix(in oklch,var(--success) 60%,transparent)}.offline-indicator-icon{flex-shrink:0;width:.875rem;height:.875rem}@keyframes offline-indicator-enter{0%{opacity:0;transform:translateX(-50%) translateY(-.5rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.offline-indicator{animation:none}}.debug-log-overlay{position:fixed;top:calc(var(--safe-top, 0px) + .5rem);right:.5rem;z-index:100;max-width:min(20rem,85vw);font-family:ui-monospace,monospace;font-size:.625rem;line-height:1.35;color:#d4ffd4}.debug-log-overlay-bar{display:flex;gap:.25rem;justify-content:flex-end}.debug-log-overlay-bar button{padding:.15rem .45rem;border:1px solid #3a5;border-radius:.25rem;background:rgba(0,24,8,.85);color:inherit;font:inherit;cursor:pointer}.debug-log-overlay-list{margin-top:.25rem;padding:.35rem .5rem;border:1px solid #3a5;border-radius:.375rem;background:rgba(0,24,8,.85);list-style:none;max-height:40vh;overflow-y:auto;overscroll-behavior:contain;word-break:break-all}.debug-log-overlay-list li[data-tag=nav]{color:#ffd28a}.debug-log-overlay-list li span{opacity:.6}