.shell{flex-direction:column;height:100%;display:flex}.shell-main{flex:1;min-height:0;overflow:auto}.app-nav{padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1310eb;align-items:center;gap:18px;display:flex}.nav-brand{white-space:nowrap;align-items:baseline;gap:8px;text-decoration:none;display:flex}.nav-brand .eb{color:var(--leaf);font-size:13px}.nav-brand small{color:var(--faint);border:1px solid var(--line-2);border-radius:4px;padding:0 5px;font-size:10px}.nav-tabs{gap:4px;display:flex}.nav-tab{color:var(--dim);border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.nav-tab:hover{color:var(--fg);background:var(--glass-2)}.nav-tab.on{color:var(--fg);background:var(--glass-2);box-shadow:inset 0 -2px 0 var(--leaf)}.nav-n{font-family:var(--f-eyebrow);background:var(--amber);color:#2a1a04;border-radius:99px;padding:1px 7px 0;font-size:11px}.nav-side{gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--faint);background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:12px;text-decoration:none}.nav-link:hover{color:var(--fg);background:var(--glass-2)}@media (max-width:760px){.app-nav{flex-wrap:wrap;gap:6px 12px}.nav-side{order:4;justify-content:flex-end;width:100%;margin-left:0}.nav-tabs{order:3;width:100%}}