.offline-banner.svelte-1v2axqk{position:fixed;top:0;left:0;right:0;background:#dc2626;color:var(--color-text-primary);text-align:center;padding:.5rem;font-size:.85rem;font-weight:600;z-index:200}.loading.svelte-1v2axqk{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--color-text-hint)}.app-layout.svelte-1v2axqk{display:flex;flex-direction:column;min-height:100vh}.content.svelte-1v2axqk{flex:1;padding:1rem 1rem 5rem;max-width:600px;margin:0 auto;width:100%}.bottom-nav.svelte-1v2axqk{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:.5rem 0;z-index:100}.nav-item.svelte-1v2axqk{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem;color:#9ca3af;text-decoration:none;transition:color .2s}.nav-item.svelte-1v2axqk:hover,.nav-item.active.svelte-1v2axqk{color:var(--color-accent);text-decoration:none}.nav-icon.svelte-1v2axqk{font-size:1.25rem;font-weight:700;position:relative}.nav-icon.tinted.svelte-1v2axqk{filter:hue-rotate(180deg) saturate(1.5) brightness(1.2)}.badge.svelte-1v2axqk{position:absolute;top:-.45rem;right:-.7rem;background:#ef4444;color:var(--color-text-primary);font-size:.6rem;font-weight:700;min-width:1rem;height:1rem;line-height:1rem;text-align:center;border-radius:9999px;padding:0 .25rem}.nav-label.svelte-1v2axqk{font-size:.75rem;margin-top:.25rem;font-weight:500}