.snav{z-index:3;width:100%;padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .3) 0;justify-content:center;display:flex;position:relative}.snav-inner{align-items:center;gap:calc(var(--nav-size) * .2);width:100%;max-width:880px;padding:calc(var(--nav-size) * .1);background:color-mix(in srgb, var(--bg-1) 88%, transparent);border:1px solid var(--border-nav);box-shadow:var(--shadow-sm);border-radius:999px;display:flex}.snav-brand{padding-left:calc(var(--nav-size) * .25);padding-right:calc(var(--nav-size) * .15);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-color-accent);white-space:nowrap}.snav-links{align-items:center;gap:calc(var(--nav-size) * .06);flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.snav-link{align-items:center;gap:calc(var(--nav-size) * .1);padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .3);color:var(--text-color);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.snav-link:hover{background:var(--bg-accent)}.snav-link.is-active{background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.snav-link-icon{font-size:var(--font-size-base);line-height:1}.snav-agent{align-items:center;gap:calc(var(--nav-size) * .12);padding:calc(var(--nav-size) * .1) calc(var(--nav-size) * .28);background:var(--bg-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-color);white-space:nowrap;border-radius:999px;flex-shrink:0;max-width:46%;display:inline-flex}.snav-agent-text{text-overflow:ellipsis;overflow:hidden}.snav-agent-dot{background:var(--text-color-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.snav-agent.is-on .snav-agent-dot{background:var(--fg-mint)}.snav-agent.is-busy .snav-agent-dot{background:var(--fg-mint);animation:1.8s ease-out infinite snavPulse}.snav-agent.is-off .snav-agent-dot{background:var(--fg-orange)}@keyframes snavPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--fg-mint) 55%, transparent)}70%{box-shadow:0 0 0 calc(var(--nav-size) * .2) transparent}to{box-shadow:0 0 #0000}}.snav--compact{width:auto;padding:0}.snav--compact .snav-inner{width:auto;padding:calc(var(--nav-size) * .06);background:color-mix(in srgb, var(--bg-1) 80%, transparent);box-shadow:none}.snav--compact .snav-link{padding:calc(var(--nav-size) * .1) calc(var(--nav-size) * .26);font-size:var(--font-size-xs)}.snav--compact .snav-link-icon{font-size:var(--font-size-small)}.snav--compact .snav-agent{padding:calc(var(--nav-size) * .08) calc(var(--nav-size) * .2);max-width:130px}@media (max-width:640px){.snav-brand,.snav-agent-text{display:none}.snav-agent{padding:calc(var(--nav-size) * .14)}.snav-link{flex:1;justify-content:center}.snav-links{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.snav-agent.is-busy .snav-agent-dot{animation:none}}