.mode-nav[data-v-10f22e24]{background:var(--bg-card,#343442);border:1px solid var(--border-subtle,hsla(0,0%,100%,.06));border-radius:10px;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.15));display:flex;gap:0;margin:10px auto;overflow:hidden;width:-moz-fit-content;width:fit-content}.mode-nav-item[data-v-10f22e24]{background:transparent;border-right:1px solid var(--border-subtle,hsla(0,0%,100%,.06));color:var(--text-on-dark-muted,hsla(0,0%,100%,.5));font-size:.82rem;font-weight:600;line-height:1.4;padding:8px 18px;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.mode-nav-item[data-v-10f22e24]:last-child{border-right:none}.mode-nav-item[data-v-10f22e24]:hover{background:var(--bg-card-hover,#3e3e4e);color:var(--text-on-dark-primary,#fff)}.mode-nav-item.active[data-v-10f22e24]{background:var(--accent-blue,#6c8eef);box-shadow:inset 0 -2px #ffffff26;color:#fff}.mode-nav-item[data-v-10f22e24]:focus-visible{outline:2px solid var(--accent-blue,#6c8eef);outline-offset:-2px}@media (max-width:480px){.mode-nav[data-v-10f22e24]{width:100%}.mode-nav-item[data-v-10f22e24]{flex:1;font-size:.78rem;padding:8px 10px}}