.nav-seg-scroller{scrollbar-width:none;max-width:100%;overflow-x:auto}.nav-seg-scroller::-webkit-scrollbar{display:none}.nav-seg-scroller[data-overflow=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.nav-seg-scroller[data-overflow=start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.nav-seg-scroller[data-overflow=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.nav-seg{background:var(--surface-2);border-radius:999px;align-items:center;gap:2px;width:max-content;padding:3px;display:inline-flex}.nav-seg__item{min-height:36px;font-size:var(--text-sm);color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;align-items:center;padding:8px 10px;font-weight:600;text-decoration:none;transition:background .12s,color .12s,padding .2s;display:inline-flex}.nav-seg__item:hover{color:var(--text)}.nav-seg__item[data-locked]{color:color-mix(in srgb, var(--muted) 62%, transparent)}.nav-seg__item[data-locked]:hover{color:var(--membership-premium-accent-strong,#f2dea0);background:#d6b65c0f}.nav-seg__item[data-pressed]{background:var(--brand-weak);color:var(--brand-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 35%, transparent), 0 0 10px var(--brand-weak);padding:6px 12px}.nav-seg__item[data-accent=violet][data-pressed]{background:var(--accent-violet-weak);color:var(--accent-violet);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-violet) 35%, transparent), 0 0 10px var(--accent-violet-weak)}.nav-seg__label{opacity:0;max-width:0;margin-left:0;transition:max-width .2s,margin-left .2s,opacity .15s;overflow:hidden}.nav-seg__item[data-pressed] .nav-seg__label,.nav-seg--labeled .nav-seg__label{opacity:1;max-width:12em;margin-left:6px}.nav-seg--labeled{background:0 0;gap:2px;padding:0}.nav-seg--labeled .nav-seg__item:hover{background:var(--surface-2)}.nav-seg--labeled .nav-seg__item[data-pressed]:hover{background:var(--brand-weak)}@media (width>=1080px){.nav-seg__item{min-height:0;padding:6px 10px}.nav-seg__item[data-pressed]{padding:6px 12px}.nav-seg__item svg{width:16px;height:16px}}@media (width<=600px){.nav-seg-scroller{width:100%}}@media (pointer:coarse){.nav-seg__item{justify-content:center;min-width:44px;min-height:44px}}.nav-dock{display:none}.nav-dock__item{min-width:0;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;font-weight:600;line-height:1.1;text-decoration:none;display:flex}.nav-dock__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-dock__item[aria-current=page],.nav-dock__item[data-current=true]{color:var(--brand-text);background:var(--brand-weak)}.nav-dock__item[data-locked]{color:color-mix(in srgb, var(--muted) 62%, transparent)}.nav-dock__positioner{z-index:80}.nav-dock__popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-pop);outline:none;padding:4px}.nav-dock__menu-item{border-radius:var(--radius-sm);min-height:40px;color:var(--text);font-size:var(--text-sm);cursor:pointer;outline:none;align-items:center;gap:8px;padding:8px 12px;font-weight:600;text-decoration:none;display:flex}.nav-dock__menu-item[data-highlighted],.nav-dock__menu-item[data-current=true]{background:var(--brand-weak);color:var(--brand-text)}@media (width<=760px){.nav-seg-scroller{display:none}.nav-dock{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}}