.web-app-nav__backdrop{z-index:20;border-bottom:1px solid color-mix(in srgb,var(--color-line)82%,transparent);background:color-mix(in srgb,var(--color-canvas)78%,transparent);backdrop-filter:blur(18px)saturate(1.25);width:100%;height:72px;position:absolute;inset:0 0 auto}.web-app-wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.02em;margin-right:auto;font-size:22px;line-height:1}.web-tab{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;transition:color .18s,background-color .18s,border-color .18s,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s}.web-tab:hover{background:color-mix(in srgb,var(--color-royal-tint)64%,transparent)}.web-tab:active{transform:translateY(1px)}.web-tab:focus-visible{outline:2px solid var(--color-royal-500);outline-offset:2px}.web-tab--active{border-color:color-mix(in srgb,var(--color-line-strong)72%,transparent);background:color-mix(in srgb,var(--color-surface)64%,transparent);backdrop-filter:blur(12px)saturate(1.3);box-shadow:inset 0 1px #ffffff73,0 8px 26px #2a153514}.web-tab__label{color:var(--color-ink-muted);font-family:var(--font-body-medium);font-size:14px;line-height:20px}.web-tab__label--active{color:var(--color-ink)}.web-app-content{flex:1;min-height:0}@media (width<=680px){.web-app-nav__backdrop{height:64px}.web-app-wordmark{display:none}.web-tab{min-height:40px;padding-inline:12px}.web-tab__label{font-size:13px}}@media (prefers-reduced-motion:reduce){.web-tab{transition:none}}