.nav-appearance{position:relative;display:inline-flex}.nav-appearance-trigger{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-mute);font-size:1rem;cursor:pointer;transition:background .12s ease,color .12s ease}.nav-appearance-trigger:hover,.nav-appearance-trigger[aria-expanded="true"]{color:var(--text);background:var(--bg-card)}.nav-appearance-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:90;width:316px;padding:14px;display:grid;gap:14px;background:var(--bg-card);color:var(--text);border:1px solid var(--bg-line);border-radius:12px;box-shadow:var(--shadow-soft);text-align:left}.nav-appearance-panel[hidden]{display:none}.nav-appearance-group{margin:0;padding:0;border:0;min-width:0}.nav-appearance-group[hidden]{display:none}.nav-appearance-group legend{padding:0;margin-bottom:8px;color:var(--text-mute);font-size:.85rem;font-weight:600}.nav-seg{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg-deep);border:1px solid var(--bg-line)}.nav-seg input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nav-seg label{flex:1 1 0;padding:7px 6px;border-radius:7px;color:var(--text-mute);font-size:.86rem;font-weight:500;text-align:center;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-seg label:hover{color:var(--text)}.nav-seg input:checked+label{background:var(--text);color:var(--bg-card)}.nav-seg input:focus-visible+label{outline:2px solid var(--accent,var(--accent-blue));outline-offset:2px}.nav-appearance-note{margin:0;color:var(--text-mute);font-size:.8rem;line-height:1.45}@media(max-width:768px){.nav-appearance-panel{position:fixed;top:72px;left:16px;right:16px;width:auto}}