.nav-wrap{--nav-inset:16px;bottom:calc(28px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:1000;justify-content:center;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;right:0;transform:translateY(0)}.nav-wrap--hidden{transform:translateY(calc(100% + 48px + env(safe-area-inset-bottom,0px)));pointer-events:none}@media (prefers-reduced-motion:reduce){.nav-wrap{transition:none}}.nav-pill{pointer-events:auto;background:var(--glass-bg-liquid);-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);border-radius:var(--r-pill);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--liquid-edge);width:calc(100vw - (var(--nav-inset) * 2));max-width:calc(100vw - (var(--nav-inset) * 2));align-items:stretch;gap:2px;padding:5px;display:flex;position:relative}.nav-tab-motion{flex:1 1 0;min-width:0;display:flex}.nav-tab{box-sizing:border-box;border-radius:var(--r-sm);width:100%;min-height:44px;font-family:var(--sans);letter-spacing:-.01em;color:var(--ink-3);transition:color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 4px 11px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;display:flex;position:relative}.nav-tab--active{color:var(--brand)}.nav-tab-motion:first-child .nav-tab{border-top-left-radius:var(--r-pill);border-bottom-left-radius:var(--r-pill)}.nav-tab-motion:last-child .nav-tab{border-top-right-radius:var(--r-pill);border-bottom-right-radius:var(--r-pill)}.nav-tab:before{content:"";border-radius:inherit;pointer-events:none;transition:background var(--dur-micro) var(--ease-out);background:0 0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.nav-tab:hover{color:var(--ink)}}.nav-tab:active:before{background:var(--state-press)}.nav-tab--active:active:before{background:0 0}@media (prefers-reduced-motion:reduce){.nav-tab,.nav-tab:before{transition:none}}.nav-tab-bg{display:none}.nav-tab-icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-tab-label{font-family:var(--sans);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1;overflow:hidden}.nav-brand{display:none}.nav-tab--cta{background:var(--brand-btn);color:var(--brand-ink);transition:color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out), filter var(--dur-micro) var(--ease-out);margin-left:2px}@media (hover:hover) and (pointer:fine){.nav-tab--cta:hover{filter:brightness(1.08)}}.nav-tab--cta:hover:before,.nav-tab--cta:active:before{background:0 0}.nav-tab--cta:active{filter:brightness(.94)}.nav-tab--cta .nav-tab-label{color:inherit}.nav-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (min-width:1024px){.nav-wrap{width:var(--sidebar-w);padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px));background:var(--surface);border-right:1px solid var(--border);flex-direction:column;justify-content:flex-start;transition:none;display:flex;inset:0 auto 0 0;transform:none}.nav-wrap--hidden{transform:none}.nav-brand{color:var(--ink);align-items:center;gap:9px;padding:6px 10px 20px;display:flex}.nav-brand-word{font-family:var(--brand-font);letter-spacing:-.01em;font-size:19px;font-weight:600}.nav-pill{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;max-width:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:stretch;gap:3px;padding:0}.nav-tab-motion{flex:none;min-width:0;display:block}.nav-tab,.nav-tab-motion:first-child .nav-tab,.nav-tab-motion:last-child .nav-tab{border-radius:var(--r-sm);flex-direction:row;justify-content:flex-start;gap:11px;padding:10px 12px;font-size:14px}.nav-tab-bg{background:var(--brand-dim);border:1px solid var(--brand-md);width:auto;height:auto;box-shadow:none;margin-left:0;display:block;inset:0}.nav-tab--active{color:var(--ink)}@media (hover:hover) and (pointer:fine){.nav-tab:hover{background:var(--surface-2)}.nav-tab--active:hover{background:0 0}}.nav-tab-bg{border-radius:var(--r-sm)}.nav-tab-label{max-width:none;font-size:14px;font-weight:600;display:inline-block}.nav-tab--cta{justify-content:center;margin-top:auto;margin-left:0}}