.app-nav{background:var(--surface);border-bottom:1px solid var(--rule);padding:0 28px;display:flex;align-items:center;gap:4px;height:52px;position:sticky;top:0;z-index:100}.app-nav-brand{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--primary);letter-spacing:-.01em;margin-right:20px;flex-shrink:0}.app-nav-btn{padding:6px 14px;min-height:36px;border:none;background:transparent;cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--sans);color:var(--ink-soft);border-radius:7px;transition:background .12s,color .12s}.app-nav-btn:hover{background:var(--primary-tint);color:var(--primary)}.app-nav-btn.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.app-nav-signout{margin-left:auto;padding:6px 12px;border:1px solid var(--rule);border-radius:7px;background:none;cursor:pointer;font-size:13px;font-family:var(--sans);color:var(--ink-muted);transition:border-color .12s,color .12s}.app-nav-signout:hover{border-color:var(--ink-soft);color:var(--ink-soft)}.app-nav-links{display:flex;gap:4px;align-items:center}.app-nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border:none;background:transparent;cursor:pointer;padding:0;margin-left:8px;border-radius:7px}.app-nav-hamburger:hover{background:var(--primary-tint)}.app-nav-hamburger span{display:block;width:20px;height:2px;background:var(--ink-soft);border-radius:2px;transition:transform .18s,opacity .18s}.app-nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-nav-hamburger.open span:nth-child(2){opacity:0}.app-nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-nav-mobile-menu{position:absolute;top:52px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;padding:8px 12px 12px;box-shadow:0 4px 12px #00000014;z-index:99}.app-nav-mobile-btn{padding:12px 14px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--sans);color:var(--ink-soft);border-radius:7px;text-align:left;transition:background .12s,color .12s}.app-nav-mobile-btn:hover,.app-nav-mobile-btn.active{background:var(--primary-tint);color:var(--primary)}.app-nav-mobile-btn.active{font-weight:600}.app-nav-mobile-signout{padding:12px 14px;border:none;border-top:1px solid var(--rule);background:transparent;cursor:pointer;font-size:13.5px;font-family:var(--sans);color:var(--ink-muted);text-align:left;margin-top:4px}@media (max-width: 600px){.app-nav{padding:0 14px}.app-nav-links,.app-nav-signout{display:none}.app-nav-hamburger{display:flex}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--sans);color:var(--ink-muted);font-size:14px;background:var(--bg)}:root{--bg: #f7f5f0;--surface: #ffffff;--ink: #1b1b19;--ink-soft: #54524c;--ink-muted: #8a877f;--rule: #e4ddcf;--primary: #0d47a1;--primary-ink: #0a3a82;--primary-tint: #e8eef7;--accent: #b8762a;--green: #2e7d32;--yellow: #b45309;--red: #c62828;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif: Charter, "Iowan Old Style", Cambria, Georgia, "Times New Roman", serif;--radius: 14px}body{margin:0;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--ink)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}