.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--color-bg)}.top-nav.svelte-12qhfyh{display:flex;position:sticky;top:0;z-index:50;height:52px;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a}.nav-logo.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.logo-mark.svelte-12qhfyh{font-size:1.2rem;line-height:1}.logo-text.svelte-12qhfyh{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text);font-weight:600;white-space:nowrap}.top-nav-links.svelte-12qhfyh{display:flex;flex:1;align-items:center;gap:2px;padding:0 var(--space-4)}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link.svelte-12qhfyh:hover{color:var(--color-text);background:var(--color-bg-secondary);text-decoration:none}.nav-link.active.svelte-12qhfyh{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.svelte-12qhfyh i:where(.svelte-12qhfyh){font-size:.85rem;opacity:.8}.nav-actions.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.date-chip.svelte-12qhfyh{display:none;font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap}@media (min-width: 1024px){.date-chip.svelte-12qhfyh{display:inline}}.action-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);font-size:.95rem;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.action-btn.svelte-12qhfyh:hover{background:var(--color-bg-secondary);color:var(--color-text)}.action-btn-logout.svelte-12qhfyh:hover{color:var(--color-danger, #ef4444)}.main-content.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;min-height:0}.page-content.svelte-12qhfyh{flex:1;padding:var(--space-6) var(--space-4);padding-bottom:calc(80px + var(--space-4));max-width:960px;width:100%;margin:0 auto}@media (min-width: 768px){.page-content.svelte-12qhfyh{padding:var(--space-8) var(--space-6)}}.pill-nav.svelte-12qhfyh{display:flex;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:40;align-items:center;gap:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:6px 10px;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f}.pill-item.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:999px;text-decoration:none;color:var(--color-text-tertiary);transition:all var(--transition-fast);min-width:44px;min-height:44px}.pill-item.svelte-12qhfyh:hover{color:var(--color-text-secondary)}.pill-item.active.svelte-12qhfyh{color:var(--color-primary);background:var(--color-primary-light)}.pill-item.svelte-12qhfyh i:where(.svelte-12qhfyh){font-size:1.1rem;line-height:1}.pill-label.svelte-12qhfyh{font-size:.6rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);color:var(--color-warning);text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);font-family:var(--font-sans)}