.viewModeSwitch{border:1px solid var(--color-border,var(--line));border-radius:var(--radius-sm,8px);background:color-mix(in srgb, var(--brass) 6%, transparent);align-items:stretch;gap:2px;padding:2px;display:inline-flex}.viewModeOption{appearance:none;font:inherit;font-size:var(--text-2xs,.78rem);letter-spacing:.02em;color:var(--ink-soft);border-radius:calc(var(--radius-sm,8px) - 2px);cursor:pointer;background:0 0;border:0;margin:0;padding:.28rem .62rem;line-height:1.2;transition:color .16s,background .16s}.viewModeOption:hover{color:var(--ink);background:color-mix(in srgb, var(--brass) 12%, transparent)}.viewModeOption:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.viewModeOption.isActive{color:var(--ink-deep,var(--ink));background:var(--brass);font-weight:600}@media (prefers-reduced-motion:reduce){.viewModeOption{transition:none}}@media (max-width:640px){.viewModeOption{padding:.26rem .5rem}}